一.jquery.datatables.js表格显示

2014年8月10日星期日

使用jquery.datatables.js取后台数据。

1.html代码

<table class="dataTables-example">
<thead>
<tr>
<th>id</th>
<th>项目</th>
<th>内容</th>
<th>所属公司</th>
<th>开始日期</th>
<th>结束日期</th>
<th>成员</th>
<th>需求分析</th>
<th>方案</th>
<th>状态</th>
<th>操作人</th>
<th>备注</th>
</tr>
</thead>
</table>

2.js代码

 var tables=$('.dataTables-example').DataTable({"processing": true,// "serverSide": true,"ajax":{"url":"initable",},"columns":[{ "data": "id" },{ "data": "project" },{ "data": "content" },{ "data": "company" },{ "data": "stime" },{ "data": "etime" },{ "data": "staff" },{ "data": "requirement" },{ "data": "scheme" },{ "data": "status" },{ "data": "operator" },{ "data": "note" },]});

serverSide属性加入时会使search没有办法用。

具体参数可以查询官网

3.$('#add-form').ajaxForm(function(data){

if (data=='success') {

alert('添加成功！');

tables.ajax.reload();

$("#modal-form").modal("hide");

else{

alert('添加失败！');

};

});

使用form的异步上传(jquery.form.js)，当取到后台返回值success时。刷新表格。

4.后台php代码

function initable(){

$db = M('yanfa_project')->select();

$data=[

"draw"=>1,

"recordsTotal"=>10,

"recordsFiltered"=> 2,

"data"=>$db,

];

echo json_encode($data);

}

一.jquery.datatables.js表格显示相关推荐

ASP.NETmvc常用JQUERY插件【jquery.dataTables.js】
离开WEBFORM 也就离开了大量的前端困境,刚一开始用MVC,真感觉好像在沙漠中行走,很想念以前的控件,都快想死了,很快发现原来JQUERY 有很多插件可以用,只怪自己平时不收集,用的时候才手忙脚乱 ...
jQuery dataTables 的使用
2019独角兽企业重金招聘Python工程师标准>>> jQuery 的插件 dataTables 是一个优秀的表格插件,提供了针对表格的排序.浏览器分页.服务器分页.筛选.格式化等 ...
jQuery - （JQuery datatables api 使用解读）
学习可参考:http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/20069 ...
最全的jquery datatables api 使用详解
https://www.cnblogs.com/amoniyibeizi/p/4548111.html 最全的jquery datatables api 使用详解学习可参考:http://www.g ...
jQuery DataTables 插件使用笔记
初始化在页面中 <!DOCTYPE html> <html><head><link rel="stylesheet" type=&quo ...
jquery.dataTables.min.js: Uncaught TypeError: Cannot read property 'style' of undefined
Jquery DataTable使用报这个错: jquery.dataTables.min.js: Uncaught TypeError: Cannot read property 'style' o ...
jquery.dataTables.min.js:62 Uncaught TypeError: Cannot read property ‘style‘ of undefined原因
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 报错: jquery.dataTables.min.js:62 Uncaught TypeError ...
JQuery Datatables editor进行增删改查操作(一)
背景 editor作为Datatables的插件之一,功能十分强大,有全行编辑模式.泡泡编辑模式.行内编辑模式.个人觉得,除了泡泡编辑模式外,其他两种模式功能在实际项目中会经常使用到,泡泡模式提供了模 ...
前端控件JQuery Datatables使用——常用功能初始化
本文用于自己记录,忘记时可以用来回顾.点击这里进入JQuerydatatable官网API地址 JQuery Datatables初始化个人比较喜欢JQueryDatatables的Bootstra ...

一.jquery.datatables.js表格显示

一.jquery.datatables.js表格显示相关推荐

最新文章

热门文章