KendoUI甘特图扩展事件 - 延迟加载支持

时间:2017-07-05 08:26:52

标签: javascript jquery kendo-ui kendo-gantt

Kendo ui甘特图在左侧有一个树视图,我想听扩展事件。

主要目标是首先加载摘要行,当用户点击时展开图标加载详细信息行(任务)。

有没有办法找出哪些行被展开并获取其数据(可能是id),这是一个延迟加载功能?

感谢。

Kendo与摘要示例:http://dojo.telerik.com/arUPu

1 个答案:

答案 0 :(得分:0)

我用数据绑定解决了。这是我最新的代码: 另请查看telerik论坛:http://www.telerik.com/forums/gantt-chart-expand-event-or-lazy-loading-support

var expandedIds = [];
var returnWithInnerDataIdList= [];

ganttChart.bind("dataBound", function(e) {  
     ganttChart.element.find("tr[data-uid]").each(function (e) {
        var dataItem = ganttChart.dataSource.getByUid($(this).attr("data-uid"));

        if (dataItem.expanded == true && jQuery.inArray(dataItem.id, expandedIds) < 0) {
            expandedIds.push(dataItem.id);
            if (dataItem.Level == 3) {
                returnWithInnerDataIdList.push(dataItem.id);
                loadDataWithNewIds();
            }
        }
        else if (dataItem.expanded == false && jQuery.inArray(dataItem.id, expandedIds) >= 0) {
            expandedIds = jQuery.grep(expandedIds, function (value) {
                return value != dataItem.id;
            });
        }
    });
});