随笔分类 -  JQuery DataTables

摘要:接上篇博文,详细说一下js代码以及JQuery DataTables Editor---页面内容修改&&数据库信息修改遇到的问题和解决办法。1.关于dialog 初始化: 1 $("#e_Attributes").dialog({ 2 modal: true, 3 autoOpen: false, 4 show: { 5 effect: "blind", 6 duration: 1000 7 }, 8 hide: { 9 effect: "e... 阅读全文
posted @ 2013-10-29 08:52 秦岭农夫 阅读(5089) 评论(5) 推荐(2) 编辑
摘要:我们使用jquery datatables 不光是为了对数据的展示,同时需要对数据惊行简单的操作,这个操作分为两个部分:1.页面内容的修改;2.对应的数据库信息的修改。前一篇博文介绍了页面级的操作,这片文章主要是数据库内容的更改。需求:如下图所示,对datatables的内容进行添加,编辑,删除的操作。分析:添加功能---单击add按钮,弹出对话框,添加新的内容。 编辑功能---单击datatables可以选中一行,此行改变颜色,即是已经选中,单击edit按钮,弹出dialog,此dialog中的内容是我们选中行的内容。如果没有选中行,点击edit按钮,则不会弹出dialog。当双击datat 阅读全文
posted @ 2013-10-28 15:18 秦岭农夫 阅读(15764) 评论(6) 推荐(4) 编辑
摘要:使用Jquery Datatables的时候也许会碰到这样的错误提示,当我们仔细的查找代码,发现引用的js文件,css文件均引用了,就是找不到他的问题所在。这是从我们引用的js文件内部报的错。这个错误的原因:我们写的jquerydatatables 没有严格的按照格式来写,大家往往是没有加入,而是直接添加标题行,所以就没有标题行了,datatables 就会报错。下面是比较正规的写法,body去除了,可以自己补上。 1 2 3 4 5 Order ID 6 ... 阅读全文
posted @ 2013-10-22 15:09 秦岭农夫 阅读(9210) 评论(1) 推荐(0) 编辑
摘要:近来在工作中需要对JQuery DataTables进行增,删,改的操作,在网上找了一些资料,感觉比较的好的就是(http://editor.datatables.net/)文章中所展示的操作方法(如下图所示),但是这个dome所展示的功能需要付费,最后还是放弃用他的方法。 但是还是需要这样的功能,所以只能自己写这样的功能。 2.对datatables的操作一共分为三个功能:增加一行数据,编辑选中行的数据以及删除选中行的数据。对于上面提到的三个功能,操作不光要更改页面上的内容,还需要更改数据库的内容。 3.只改变页面值的做法:首先声明datatables 引用jquery-ui.min.js. 阅读全文
posted @ 2013-10-21 17:15 秦岭农夫 阅读(15692) 评论(1) 推荐(0) 编辑
摘要:1.创建在网站 http://www.datatables.net/release-datatables/extras/TableTools/index.html下载TableTools插件,解压,对CSS文件以及SWF文件件的引用。基本初始化TableTools ,通过简单地在sDom区域修改参数标记“T”。就告诉DataTable要插入的TableTools 在工具栏的位置。当然,包括引用JavaScript和CSS源文件是必不可少的。 阅读全文
posted @ 2013-04-10 20:03 秦岭农夫 阅读(757) 评论(0) 推荐(0) 编辑