jquery中jtable方法如何用-成都快上网建站

jquery中jtable方法如何用

本篇内容介绍了“jquery中jtable方法如何用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

10年积累的成都网站设计、成都网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有酒泉免费网站建设让你可以放心的选择与我们合作。

在jquery中,jtable方法用于创建基于Ajax的CRUD表格,是一个表格扩展插件,并且不需要进行html和JavaScript编码,语法为“”。

本教程操作环境:windows10系统、jquery3.6.0版本、Dell G3电脑。

jquery中jtable方法

jTable 是一个 jQuery 插件用来创建基于 Ajax 的 CRUD 表格,无需进行 HTML 和 JavaScript 编码。

下载后增加:

将这些行添加到  HTML 文档的HEAD部分:




您可以在主题文件夹中选择任何主题和颜色模式。

注意:您还必须在导入 jTable 文件之前添加所需 的 jQuery 和 jQueryUI  JavaScript 和 CSS 文件。

创建容器

jTable 只需要一个用于表格的容器元素。

创建一个 jTable 实例

将这些 JavaScript 代码添加到您的页面:

 
    $(document).ready(function () { 
        $('#PersonTableContainer').jtable({ 
            title: '人员表', 
            actions: { 
                listAction: '/GettingStarted/PersonList ',
                createAction:'/GettingStarted/CreatePerson',
                updateAction:'/GettingStarted/UpdatePerson',
                deleteAction:'/GettingStarted/DeletePerson' 
            },
            字段:{ 
                PersonId:{
                    键:true,
                    列表:false 
                },
                名称:{
                    标题:'作者姓名',
                    宽度:'40%' 
                },
                年龄:{
                    标题:'年龄',
                    宽度:'20%' 
                },记录日期
                :{
                    标题:'记录日期',
                    宽度:'30%',
                    类型:'日期',
                    创建:假,
                    编辑:假
                } 
            } 
        });
    }); 

“jquery中jtable方法如何用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


文章名称:jquery中jtable方法如何用
转载注明:http://kswjz.com/article/jiiiee.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流