模板中的剑道数据绑定

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>

经过一些扩展的电子邮件跟踪后,基本答案是"剑道不是这样工作的"。它似乎基于惯例/特殊行为,这些行为因绑定情况而异,我似乎使用了错误的方法,并真正定义了原因,因为教程/演示似乎自相矛盾。

要小心人。 剑道不战而胜,不会对你客气!