kendo-ui - 如何在 Kendo UI 网格中使用数字文本框来编辑单元格？

Question

查看 Kendo UI 网格演示（ASP.NET MVC CSHTML 风格），在编辑绑定到数值的单元格时，输入变为 a numerictextbox，但我似乎无法重现该行为（在我这边停留平原input）。一定有什么东西给它分配了data-role属性或什么东西，但它是什么？

谢谢，

Answer 1

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

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

Answer 2

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

示例：检查UnitPrice或UnitsInStock

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 } }
        }
    }
}

Answer 3

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

列上的 EditorTemplateName("Integer")。为该列绑定。