Question

我试图将数字微调框输入框添加到Kendo UI网格中的列。

由于某种原因，如果我将记录“添加”到dataSource并更改数值，然后“添加”另一行，那么先前添加的所有行中的值都将设置为1？

    $("#add-btn").click(function(){

      $("#items-grid").data("kendoGrid").dataSource.add({NAME:"Apples",QTY:1})

    })

    $("#items-grid").kendoGrid({
        height: 300,
        columns : [
            {
                field : "NAME",
                title : "Name"
            },
            {
                field : "QTY",
                title : "Qty",
                width: 140 ,
                template: "<input class='numeric' value='#: QTY #' style='width:100%'> </input>"
            }   ],
            noRecords: true, 
            dataSource: [] ,
            dataBound: function() {
                this.tbody.find(".numeric").each(function(){
                    $(this).kendoNumericTextBox({decimals: 0});
                });
            }
        });

http://jsfiddle.net/5ow4sj3b/

请告知

Answer 1

我的Kendo网格存在的问题是我没有在model上添加schema来为QTY列指定“数字”类型。

否则，内联numericTextBox的行为不正确

dataSource : new kendo.data.DataSource({
            data: [],
            schema: {
                model: {
                  fields: {
                     QTY: { type: "number", validation: { required: true, min: 1} }
                  }
                }
            }
         }),

kendo ui数字列编辑器值在记录添加时重置

1 个答案: