尝试将本地数据源数据绑定到 Kendo MVVM 中的列表视图答案

【问题标题】：Trying to bind a local datasource data to a listview in Kendo MVVM尝试将本地数据源数据绑定到 Kendo MVVM 中的列表视图
【发布时间】：2017-01-06 19:19:36
【问题描述】：

我是 Kendo MVVM 的新手。尝试将数据源数据绑定到列表视图，但它不显示数据。尝试混合和匹配所有可用示例。想使用不起作用的模板。这是代码示例

http://dojo.telerik.com/IwawE

【问题讨论】：

标签： kendo-ui kendo-mvvm

【解决方案1】：

修正道场

http://dojo.telerik.com/IwawE/5

【讨论】：

@tan1987：如果对您有帮助，您应该将我的答案标记为答案（通过单击左侧的复选标记），这样其他人可以看到这是正确的答案，我得到更多声誉;-)

【解决方案2】：

您的数据绑定声明不完整，并在 kendo 尝试实例化列表视图时导致 javascript 错误。

data-bind="source:gsSystem,
           visible: isVisible,
           events: { click:  }"

首先，您的视图模型上没有“isVisible”属性，因此绑定将返回“未定义”，导致列表视图不显示。删除该绑定或将属性添加为模型的一部分，例如：

isVisible: true

其次，没有为点击事件定义函数。通常你会指定一个，例如：

events: { click: onClick }

并将处理程序添加到模型中：

onClick: function (e) {
    alert("Clicked");
}

但是对于 ListView，没有可用的点击事件。相反，从 ListView 声明中删除事件并将其添加到模板中的 div 中：

<script type="text/x-kendo-template" id="tmpl">
    <div data-bind="events: { click: onClick }">#:text#</div>
</script>

【讨论】：