如何通过单击Kendo列表视图中的节点来填充详细信息视图?

时间:2015-03-23 13:16:40

标签: listview kendo-ui

我正在构建一个应用程序,用户点击列表视图,直到他们到达他们希望查看详细信息的项目。
我无法确定如何执行最后一步并使用与“节点”关联的数据填充详细信息视图。用户刚刚点击了。

请提供任何信息或建议吗?

1 个答案:

答案 0 :(得分:0)

我已经为此制定了解决方案。

使用看似未记录的属性,_data我能够在返回的数据集中创建所有项目的数组。 我首先捕获了一个guid,然后设置一个循环来比较guid和我的数组中的guid。 找到匹配后,循环就会被打破,然后我可以使用我停止的数组中的值执行模板。

我的功能如下:

function bindTaskView(e){
    var view = e.view;
    var itemData = e.view.params.parentID;
    var element = e.view.element;
    var dataSet = $("#hierarchical-listview").data("kendoMobileListView").dataSource._data;
    for(var i=0; i < dataSet.length; i++)
        {
            if(dataSet[i].Guid == itemData){
                console.log("dataSet item "+i+" Description   :  "+dataSet[i].Description);
                viewData = dataSet[i];
                break;
                }
        }

    var template = kendo.template($("#taskTimeTemplate").html());
    var htmlCode = template(viewData);
    $("#taskTime").html(htmlCode);

}