Kendo UI 甘特图展开事件 -- 延迟加载支持

Question

Kendo ui 甘特图左侧有一个树视图，我想收听展开事件。

主要目标是首先加载摘要行，然后在用户单击展开图标时加载详细信息行（任务）。

有没有办法找出哪一行被展开并获取其数据（可能是 id），延迟加载功能？

谢谢。

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

Answer 1

我用数据绑定解决了。这是我的最新代码：另请查看 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;
            });
        }
    });
});

Kendo UI 甘特图展开事件 -- 延迟加载支持

KendoUI Gantt Chart Expand Event -- lazy loading support

javascript

jquery

kendo-ui

kendo-gantt