Kendo MVC 网格数字文本框

Question

我尝试在网格中显示数字文本框。我的数据是 int 但不像 telerik 中的演示那样显示。我使用了客户端模板，但此时网格在同一个单元格中有两个输入。

使用模板的任意属性时，都是这样显示的

这是代码；

 columns.Bound(c => c.MAX_DOSYA_BOYUT)

当我使用自定义模板时，它显示如下

这是代码；

   columns.Bound(c => c.MAX_DOSYA_BOYUT).Template(@<text></text>).ClientTemplate(

            Html.Kendo().NumericTextBox<int>()
                .Name("order_#=URETIM_YERI#")
                .HtmlAttributes(new { value = "#=MAX_DOSYA_BOYUT #", @class = "k-numerictextbox", style = "width:100%" })
                .Min(0)
                .Max(100000)
                .Step(1)
                .Decimals(0)
                .ToClientTemplate().ToHtmlString());

它看起来一定是这样的 link

telerik kendo editing

我做错了什么？

谢谢...

Answer 1

首先，确保 ~Views/Shared/EditorTemplates 目录包含预定义的 kendo ui mvc 编辑器模板。如果没有 - 从 wrappers/aspnetmvc/ EditorTemplates 文件夹中复制它们 kendo ui mvc 安装。

列绑定设置：

columns.Bound(c => c.NumberTest).EditorTemplateName("Integer");

编辑器模板名称"Integer"对应EditorTemplate目录下的Integer.cshtml模板。结果 - 完全主题化的小部件。

Kendo MVC 网格数字文本框

Kendo MVC Grid Numeric Textbox

model-view-controller

textbox

numeric

telerik

kendo-ui