Kendo ui自定义弹出绑定问题

时间:2015-04-06 11:06:33

标签: kendo-ui kendo-grid kendo-mobile kendo-dataviz

我在我的剑道ui网格上有这个:

editable: {
            mode:"popup",

            template:kendo.template($("#popupGridClientes").html())

          },

这应该足以(我认为!)绑定到这样制作的自定义弹出模板:

<script type="text/x-kendo-template" id="popupGridClientes">

  <div class="k-edit-label"><label for="titulo">Titulo</label></div>
  <div data-container-for="titulo" class="k-edit-field"><input type="text" class="k-input k-textbox" name="titulo" data-bind="value:titulo"></div>

<div class="k-edit-label"><label for="bi">Bi</label></div>
  <div data-container-for="bi" class="k-edit-field"><input id="bi" type="number" name="bi" data-bind="value:bi" 
  data-value-field="bi" data-text-field="bi" data-source="bi"></div>

I have more fields but this was only to show how i did it...

</script>

现在,例如,我想将一个kendoNumericTextBox设置为我的“bi”字段,所以我在我的.js文件中这样做(有文档说):

$("#bi").kendoNumericTextBox({
    format  : "0",
    decimals: 1,
    spinners : false
});

它不起作用,它也不适用于其他类型的字段,不仅适用于kendonumeric!。它没有将我的自定义弹出模板绑定到我在.js文件中调用的函数,我还尝试在字段中创建编辑器,但它也不起作用。我做错了什么?

谢谢,问候

1 个答案:

答案 0 :(得分:1)

应使用data-role属性初始化窗口小部件。我相信以下论坛主题会有所帮助:

http://www.telerik.com/forums/custom-popup-editor-with-additional-fields