提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:秦林|2022-10-17 10:53:31.703|阅读 95 次
概述:这篇文章给大家讲解dhtmlxGantt如何实现列的排序。
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
相关链接:
这篇文章给大家讲解dhtmlxGantt如何实现列的排序。
dhtmlxGantt能实现对网格列中的数据进行排序(在客户端)。
有两种方法可以实现网格排序:
一旦用户单击标题,甘特图就会显示一个特殊的控件,指示该表当前按哪一列排序以及该排序的方向(升序或降序)。下一次单击同一标题将反转排序方向。
要在甘特图中启用排序,请将sort属性设置为true:
gantt.config.sort = true; gantt.init("gantt_here");
要根据某些操作或事件(即按钮单击或页面加载)对网格进行排序,请调用sort方法。
点击按钮排序:
<input type='button' value='Sort by task name' onclick='gantt.sort("text", true);'> <script type="text/javascript" charset="utf-8"> gantt.init("gantt_here"); gantt.parse(tasks); </script>
3、自定义排序功能
要将自定义排序函数应用于网格,请使用自定义函数的名称作为第一个(也是唯一的)参数调用sort方法。
为每对相邻值调用自定义排序函数并返回 1、-1 或 0:
使用自定义函数对甘特图进行排序:
<input type='button' value='Sort by the number of holders' onclick='sortByHolders(direction)'> <script type="text/javascript" charset="utf-8"> var direction = false; function sortByHolders(direction1){ direction = !direction; gantt.sort(sortHolders); }; function sortHolders(a,b){ a = a.users.length; b = b.users.length; if (direction){ return a>b?1:(a<b?-1:0); } else { return a>b?-1:(a<b?1:0); } }; </script>
可以为每个特定列指定自定义排序规则。每列有三种最常见的排序方案:
1) 通过将sort设置为 false 来禁用对列的排序
gantt.config.columns[1].sort = false;
2) 通过将sort设置为函数,根据提供的排序函数对列进行排序
gantt.config.columns[1].sort = function(a,b){ return custom_function(a,b); };
为一对任务对象(a 和 b)调用自定义排序函数并返回 1、-1 或 0:
1 - 具有第一个值的对象必须在第二个之前;
gantt.config.columns[1].sort = 'other_field';
dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表,可满足项目管理控件应用程序的所有需求,是最完善的甘特图图表库。了解更多DhtmlxGantt相关内容和资讯,欢迎在线咨询或者私信我获取正版试用版及报价。
甘特图控件交流群:764148812 欢迎进群交流讨论
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn
本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
一个用于构建跨浏览器Web应用和移动应用的强大JavaScript UI库。
DHTMLX Scheduler一个类似于Google日历的强大JavaScript日程安排控件。
DHTMLX Gantt针对您的解决方案的交互式JavaScript / HTML5甘特图
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@pclwef.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢