dataTable使用

var userTableAjax = function () {
var grid;
var gridRecords = function (url) {
grid = new Datatable();
grid.init({
src: $("#datatable_ajax"),
hashCode:'',
onSuccess: function (grid) {
},
onError: function (grid) {
},
csrf:$("#_csrf").val(),
loadingMessage: '加载中...',
hashCode: "prod_list",
dataTable: {
"bInfo": true,
"bStateSave": false,
"bSort": false,
"lengthMenu": [
[10, 20, 50],
[10, 20, 50]
],
"pageLength": 10,
"ajax": {
"url": url,
},
"dom": '<<t>pli>',
}
});
};
return {
init: function (url) {
gridRecords(url);
},reflash:function(){//刷新
grid.submitFilter();
}
};
}();

userTableAjax.init($url);

userTableAjax.reflash(); 的使用

dataTables
hashCode 保持查询条件(两个页面的hashCode相同时,从一个跳转到另一个页面时会保持查询条件)

<table class="table table-striped table-bordered table-hover" id="datatable_ajax">
<thead>
<以下被注释的代码 在列表头部添加查询条件的代码 若是无查询条件但是有如下的filter的代码,程序会报错>








<tr role="row" class="heading">
<th width="5%">序号</th>
<th width="20%">二级目的地名称</th>
<th width="20%">排序</th>
<th width="20%">操作</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • dataTable 也用了这么长时间了 现在开始记录下内部的一些小的用法 1.隐藏列: visible:fals...
    贝灬小晖阅读 659评论 0 0
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,540评论 1 19
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,296评论 0 7
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,826评论 2 17
  • 参数个数确定 最常见,列出有限个的参数,彼此用逗号隔开。调用函数的时候,按照顺序依次对参数进行复制,参数名字不重要...
    上发条的树阅读 275评论 0 0