模板中的剑道数据绑定
Kendo databinding in templates
本文关键字:数据绑定 更新时间:2023-09-26
根据 kendo 文档,数据绑定是通过在模板中的元素上添加数据绑定属性来完成的,Kendo 框架将找出详细信息。我整理了一个简单的js小提琴来显示我遇到的问题,因为这似乎没有达到我所期望的效果......
https://stackoverflow.com/questions/ask
<script id="string" type="text/x-kendo-template">
<label>String</label>
<input type="text" data-bind="value: data" />
</script>
<script id="number" type="text/x-kendo-template">
<label>Number</label>
<input type="number" data-role="numerictextbox" data-bind="value: data" />
</script>
<script id="date" type="text/x-kendo-template">
<label>Date</label>
<input type="date" data-role="datepicker" data-bind="value: data" />
</script>
<script id="editor" type="text/x-kendo-template">
<h2>Object Id: #: id #</h2>
<ul class="fields">
<li data-template="string" data-bind="source: name"></li>
<li data-template="number" data-bind="source: age"></li>
<li data-template="date" data-bind="source: dob"></li>
</ul>
</script>
<script>
$(function () {
var model = new kendo.observable({
id: 1, age: 23, name: 'Smith', dob: '"1980-01-01T00:00:00Z"'
});
$(function () {
kendo.bind($("#component"), model);
});
});
</script>
<div id="component"
data-bind="source: this"
data-template="editor" />
为什么这没有正确绑定字段中的值,因为我只是得到空文本框,暗示模板正在工作但绑定不起作用?
这在模板中对我有用
<script type="text/x-kendo-template" id="template">
<div class="k-edit-label"><label for="Name">Name</label></div>
<input type="text"
class="k-input k-textbox"
name="Name"
data-bind="value: Name"
style="margin-left:10px">
<br>
<br
<div class="k-edit-label"><label for="StudentId">Student Id</label></div>
<input type="text"
class="k-input k-textbox"
name="StudentId"
data-bind="value: StudentId"
style="margin-left:10px">
</script>
经过一些扩展的电子邮件跟踪后,基本答案是"剑道不是这样工作的"。它似乎基于惯例/特殊行为,这些行为因绑定情况而异,我似乎使用了错误的方法,并真正定义了原因,因为教程/演示似乎自相矛盾。
要小心人。 剑道不战而胜,不会对你客气!
相关文章:
- 在VanillaJS中模拟模型双向数据绑定
- Telerik rad组合框多列数据绑定
- 数据绑定:'系统Char'不包含名为'xxxxx'
- OnsenUI AngularJS数据绑定无法正常工作
- Ionic-item在导航栏中进行双向数据绑定
- 基本D3.js:如何将具有其他属性的数据绑定到元素
- 使用自定义数据属性或将数据绑定到处理程序来处理事件
- ListView的ItemTemplate内的自定义HtmlControl的数据绑定失败
- $http中的Angular 1数据绑定承诺不起作用
- 在何处和何时添加具有数据绑定的元素
- 使用AngularJs数据绑定的三元运算符显示图像
- 为什么针对工厂的Angular数据绑定只适用于函数
- 敲除:如何使用可见数据绑定可见来隐藏段落标记
- 在数据绑定中使用对象敲除绑定
- 如何在angularjs中检查Kendo树视图数据绑定事件
- 将json数据绑定到剑道网格
- AngularJS数据绑定中断ngRepeat+奇怪行为
- JavaScript HTMLElement 属性上的数据绑定 在 Polymer 中
- 视窗 8/Metro UI 数据绑定 JavaScript
- 挖空和显示模块模式的数据绑定问题