这篇文章给大家讲解dhtmlxGantt如何实现列的排序。
dhtmlxGantt能实现对网格列中的数据进行排序(在客户端)。
有两种方法可以实现网格排序:
- 通过单击具有启用排序属性的列的标题;
- 由排序方法的API 调用(可以从一些事件或动作中调用,即按钮单击或页面加载)。
1、通过单击标题进行排序
一旦用户单击标题,甘特图就会显示一个特殊的控件,指示该表当前按哪一列排序以及该排序的方向(升序或降序)。下一次单击同一标题将反转排序方向。
要在甘特图中启用排序,请将sort属性设置为true:
gantt.config.sort = true; gantt.init("gantt_here");
2、程序化排序
要根据某些操作或事件(即按钮单击或页面加载)对网格进行排序,请调用sort方法。
点击按钮排序:
<input type='button' value='Sort by task name' οnclick='gantt.sort("text", true);'>