关于dhtmlxGantt甘特图的一些设置

继上次关于wex5的文章之后,这次来写写dhtmlxGantt甘特图的一些基本设置,可以展示一些更多的功能实现,代码的话在平台里面是可以直接引用的,下面来介绍一下有哪些设置(上一篇关于wex5如何使用dhtmlxGantt甘特图

一:搜索功能

上次文章里面没有写,这次提一下吧,其实dhtmlxGantt甘特图里面自带搜索功能的如图所示

下面是代码展示:第一部分里面是设置列的,这里只显示需要的列,只需要按照如下添加一个标签,就可展示搜索框,主要实现功能是下面的搜索任务那部分,可直接用

gantt.config.columns = [{//初始化列
            名:“text”,
            标签:“<div class ='searchEl'>任务名称<input id ='search'style ='height:40px'type ='text' “+”占位符='搜索任务...'> </ div>“,
            树:true,
            宽度:'*'
        //编辑:textEditor
        }

var inputEl = document.getElementById('search'); //搜索任务
        inputEl.oninput = function(){
            gantt.refreshData();
        }
        功能hasSubstr(parentId的){
            VAR任务= gantt.getTask(parentId的);
            if(task.text.toLowerCase()。indexOf(inputEl.value.toLowerCase())!== -1)
                return true;

            var child = gantt.getChildren(parentId);
            for(var i = 0; i <child.length; i ++){
                if(hasSubstr(child [i]))
      

评论 30
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值