如何使用数字文本框来编辑Kendo UI网格中的单元格?

时间:2013-06-12 20:10:39

标签: kendo-ui cell kendo-grid editing

查看Kendo UI网格演示(ASP.NET MVC CSHTML风格),当编辑绑定到数值的单元格时,输入变为numerictextbox,但我似乎无法再现行为(在我身边保持平原input)。必须有一些东西可以赋予它data-role属性或什么,但它是什么?

谢谢,

3 个答案:

答案 0 :(得分:6)

为了使用模型绑定并让Kendo自动分配相应的控件,您需要设置MVC编辑器模板(http://coding-in.net/asp-net-mvc-3-how-to-use-editortemplates/),即Views / Shared / EditorTemplates。例如要渲染一个Kendo NumericTextBox,请沿着这些行创建一个编辑器模板:

@model int
@(Html.Kendo().NumericTextBox())

答案 1 :(得分:1)

在架构中将字段类型定义为数字。

示例:检查UnitPriceUnitsInStock

schema: {
    model: {
        id: "ProductID",
        fields: {
        ProductID: { editable: false, nullable: true },
        ProductName: { validation: { required: true } },
        UnitPrice: { type: "number", validation: { required: true, min: 1} },
        Discontinued: { type: "boolean" },
        UnitsInStock: { type: "number", validation: { min: 0, required: true } }
        }
    }
}

答案 2 :(得分:0)

Kendo在shared / EditorTemplates =>下提供了一些模板。这里是Integer.cshtml模板。我们可以使用它来显示列中的数值。我们需要在Grid的列上设置EditorTemplateName属性。

EditorTemplateName(" Integer")在该列的column.Bound上。