博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于jQuery datatables的几个好用而冷门的知识点
阅读量:7142 次
发布时间:2019-06-28

本文共 1782 字,大约阅读时间需要 5 分钟。

hot3.png

1、datatable定义新的每页显示的行数选择下拉,直接设置如下属性:

aLengthMenu: [10, 30, 50, 100],

2、datatable点击表头排序后台接受的参数处理方式(官网上比较难查到,我这儿后台是php处理的)

$orderDatas = I('post.order');$order = $this->getOrder($orderDatas);
/** * @use      [得到排序条件] * @User     chenxiaogang * @param $order * @return string */private function getOrder($order){    $str = '';    foreach($order as $v) {        switch($v['column']) {            case '0':                //默认                $str = 'id asc';                break;            case '1':                $str = 'id ' . $v['dir'] . ',';                break;            case '2':                $str = 'createtime ' . $v['dir'] . ',';        }    }    return rtrim($str, ',');}

3、获取myDatatable.page.info()分页信息(如下,拷贝下面代码打开控制台看下你就明白了)

var myDatatable =        $('#datatable').on('xhr.dt', function (e, settings, json, xhr) {            //console.log(json);            var info = myDatatable.page.info();            console.log(info);        }).DataTable()

4、如何查询或使用翻页操作带来的实时分页信息,代码如下:

//翻页操作如下:myDatatable.on( 'page.dt', function () {    var info = myDatatable.page.info();    console.log(info);} );

5、如何在表格加载完成后获取全部数据,可以在如下方法中可见:

$('#datatable').on('xhr.dt', function (e, settings, json, xhr) {    console.log(json);}).DataTable()

6、datatable刷新表格数据,分页信息不会重置【这点我知道曾经坑过很多人】

myDatatable.ajax.reload( null, false );

可用来代替 myDatatable.draw(true)【表格重绘】

7、datatable重载(第6点的扩充)(可修改datatable的参数)

var param = {'costid': checkerzi.val()};minDatatable.settings()[0].ajax.data = param;//minDatatable.settings()[0].ajax.url = '{:U("detail")}';minDatatable.ajax.reload();

8、如何关闭某一列的排序,改一下colums里面字段参数属性:

{"data": "id", "bSortable": false},

9、让datatable不分页(有些功能还是有这个需求的) 前端option中:

paging:false,

而后台POST接收的length会接受到-1值,判断一下是否等于-1,来进行SQL的limit即可

转载于:https://my.oschina.net/cxgphper/blog/865904

你可能感兴趣的文章
智能健康行业突破不大,却走向“歪路”
查看>>
机器人也有触感了!斯坦福大学开发人工感觉神经系统让蟑螂抽搐
查看>>
5 Reasons Why You Should Try Kibana
查看>>
阿里云网络漏洞扫描系统AVDS(商业化)发布
查看>>
Pam认证模块
查看>>
解决tomcat"Could not reserve enough space for object heap"
查看>>
sersync实现主机实时双向同步
查看>>
卸载并重新配置mysql服务
查看>>
同行的一个案例---删除表,需要恢复
查看>>
python splinter 小坑说明
查看>>
JAVA并行框架:Fork/Join
查看>>
控制input输入格式
查看>>
linux系统上安装java
查看>>
38.进程管理与计划任务---PS、Top、Crontab
查看>>
0301_互连模拟
查看>>
一次XEN启动中的错误捕获
查看>>
重大里程碑:顶级科学家达成23条人工智能发展原则!
查看>>
esxi嵌套华为Fusioncomputer安装VRM几个关键步骤。
查看>>
/etc/init.d/mysqld:line 260:my_print_defaults:command not found
查看>>
DNS设置引起的登录延迟
查看>>