Kendo Grid EditorTemplateName-客戶端綁定

Question

我在兩個單獨的解決方案中使用Kendo編輯器模板，在其中創建了以下模板

@using Kendo.Mvc.UI
@(Html.Kendo().NumericTextBox()
.Min(0)
.Decimals(0))

現在，要將其用作Razor語法中的編輯器模板，我將其附加到以下列：

columns.Bound(p => p.SomeField).EditorTemplateName("NumericTextBoxEditor");

一切正常，我有一個數字文本框，不允許非數字輸入。 如果我通過在Javascript中聲明列來嘗試相同的操作，則無法正常工作。 有什么辦法可以設置正確的編輯器模板，例如

var myColumns = [];
myColumns.push({
  width: 100,
  editor: "NumericTextBoxEditor"
});

還是因為服務器端而永遠不知道編輯器模板？

Answer 1

還是因為服務器端而永遠不知道編輯器模板？

這是對的。

在JS中， column.editor必須是一個函數，因此您不能直接使用服務器端編輯器模板。 等效的是這樣的：

columns: [{
    field: "fieldName",
    editor: function (container, options) {
        var input = $('<input name="' + options.field + '" />');
        input.appendTo(container);
        input.kendoNumericTextBox({
            min: 0,
            decimals: 0
        });
    }
}],