绑定Kendo Grid与Knockout:将配置在javascript工作
Bind Kendo Grid with Knockout: will config in javascript work with
我看到过几个使用knockout绑定剑道网格的例子,其中网格配置是在视图模型中定义的。我真的很喜欢这种风格和它所允许的干净标记。然而,我似乎不能让usekotemplates选项工作。
这是我的标记:
<div data-bind='kendoGrid: gridConfig'></div>
<script id="clientRowTemplate" type="text/html">
<tr>
<td data-bind="text: Name"></td>
<td data-bind="text: State"></td>
<td>
<input type="hidden" data-bind="value: Id" />
<a href="#">Edit</a>
<a href="#">Delete</a>
</td>
</tr>
</script>
这是我的视图模型
var clientListViewModel = function () {
var self = this;
self.clients = ko.observableArray([]);
self.load = function () {
for (var i = 0; i < 9; i++) {
var c = new clientModel();
c.Id = i;
c.Name = 'Name' + i;
c.State = 'NY';
self.clients.push(c);
};
};
self.gridConfig = {
data: self.clients,
datasource: {
data: "data",
schema: {
model: {
fields: {
ID: { type: "number" },
Name: { type: "string" },
State: { type: "string" }
}
}
},
pageSize: 10,
serverPaging: true
},
height: 400,
pageable: true,
selectable: "row",
usekotemplates: true,
rowtemplate: "clientRowTemplate",
};
};
var clientModel = function () {
var self = this;
self.Id = ko.observable(0);
self.Name = ko.observable("").extend({ required: true });
self.State = ko.observable("").extend({ required: true });
};
var vm = new clientListViewModel();
vm.load();
ko.applyBindings(vm);
这是一个jsfiddle: http://jsfiddle.net/Steve5877/a4kG7/2/
我可以这样绑定它而仍然使用模板吗?
看起来你只需要注意你传递的几个选项的大小写敏感性:
useKOTemplates: true,
rowTemplate: "clientRowTemplate",
而不是:
usekotemplates: true,
rowtemplate: "clientRowTemplate",
相关文章:
- Javascript配置服务器URL并将其存储
- react路由器使用简单的javascript路由器配置来处理不匹配的路径
- 使用javascript配置文件作为handlebas博客模板,但配置不是't工作正常
- 如何在aws S3 javascript SDK中配置interval和max_attempts
- 使用Javascript而不是html数据属性配置Parsley
- 可能有一个javascript和php的配置文件
- 如何在javascript中访问flask配置
- javascript window.addEventListener,覆盖了第一个元素的配置
- Webdriver:用于动态禁用/启用JavaScript弹出窗口的Firefox配置文件
- 在实时代码上配置Javascript函数
- 在配置 JavaScript 对象文字构建的小部件时,如何避免代码重复
- 从第三方站点配置Javascript的最佳方式是什么's脚本/include标记
- 如何配置javascript引擎,使其在包含IO或系统设置相关函数的情况下不运行代码
- 代理自动配置-Javascript Windows环境变量
- 配置javascript单元测试和承诺断言
- Grails 2.0:“没有配置javascript提供程序”
- 在iOS上配置javascript
- 需要帮助为 Web 应用配置 JavaScript 和 JSON 支持的本地化
- 如何在Jasmine / Maven自动生成的ManualSpecRunner.html中配置javascript文件的
- 如何“配置”Javascript在客户端's端远程json