使用Angular的网格中的剑道数字文本框

时间:2015-12-03 15:00:00

标签: angularjs kendo-ui kendo-grid

我试图在剑道网格中使用Angular中的剑道数字文本框。将数据与我的角度对象绑定起来并不起作用。我试图把一个"编辑"列对象中的字段,或者甚至用jQuery命令(我知道这很糟糕)这样做:

$('.editable').kendoNumericTextBox()

但它永远不会有效..

1 个答案:

答案 0 :(得分:1)

不使用columns对象中的模板,而是使用编辑器属性:

{
    field: "fieldName",
    title: "Field Title",
    width: "90px",
    editor: numberEditor
}

numberEditor 是一个可以实现的功能,如下所示:

function numberEditor(container, options) {
  $('<input name="' + options.field + '"/>')
  .appendTo(container)
  .kendoNumericTextBox({
    decimals: 0,   // Settings for the editor, e.g. no decimals
    step    : 1,   // Defines how the up/down arrows change the value
    min     : 0    // You can also define min/max values
});

}