首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JQuery编辑DataTable排序事件

JQuery编辑DataTable排序事件
EN

Stack Overflow用户
提问于 2016-07-22 11:40:41
回答 1查看 583关注 0票数 0

是否可以在jquery.dataTable中编辑排序事件?当我对列进行排序时,当表行已经被搜索输入过滤时,我想要更改表行的颜色。

代码语言:javascript
运行
复制
$('.results').dataTable({
    "bSort":true, //this one
    "aaSorting": [],
    "bFilter":false,
    "paging":false,
    "bPaginate":false,
    "bInfo":false
});

编辑

我的工作代码:

代码语言:javascript
运行
复制
$('.results').dataTable({
    "bSort":true,
    "aaSorting": [],
    "bFilter":false,
    "bPaginate":false,
    "bInfo":false,
    "fnDrawCallback": function() {
        if(this.fnSettings().bSorted)
            console.log("Sort fired");
    }
});

PS:添加了this.fnSettings().bSorted,以检测哪些事件是触发的分页、筛选、排序等。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-22 14:45:02

  1. 可以编辑排序事件:谷歌“可数据排序事件”,并阅读你找到的第一个链接。
  2. 更改表行的颜色:谷歌“数据更改默认样式”,并阅读你找到的第一个链接。
  3. 对列进行排序时,请参见#1。
  4. 虽然它们已经被搜索输入过滤了: google“datatable,检查是否应用了过滤器”,并读取您找到的第一个链接。

一旦你完成了这项研究并将其应用于你的问题,如果你仍然不能完全解决它,那么你可能会回复到关于你所面临的问题的更具体的问题。

我要为你解释一件事,因为这并不是很明显。新版本的DataTables已经摆脱了所有那些模糊的选项前缀,现在只使用一个描述性的词。但是,由于向后兼容性的原因,他们保留了旧版本。因此,在您的代码示例中,paging是较新版本的bPaginate,它们也是这样做的。bSort现在是orderableaaSorting现在是orderbInfo现在是infobFilter现在是searching。由于bFilter: false关闭了搜索功能,您可能希望删除它以获得所需的内容,因为“虽然它们已经被搜索输入过滤了”,但如果指定了删除搜索输入的选项,则不可能存在。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38525552

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档