2013-06-12 3 views
2

Глядя на демонстрации сетки пользовательского интерфейса Kendo (вкус ASP.NET MVC CSHTML), при редактировании ячейки, связанной с числовым значением, вход становится numerictextbox, но я не могу воспроизвести это поведение (на моей стороне в остальной части input). Должно быть что-то, что присваивает ему атрибут data-role или что-то в этом роде, но что это?Как иметь числовое текстовое поле для редактирования ячейки в сетке пользовательского интерфейса Kendo?

Спасибо,

ответ

5

Для того, чтобы использовать модель связывания и имеют Кендо автоматически назначать соответствующее управление, необходимо настроить шаблон редактора MVC (http://coding-in.net/asp-net-mvc-3-how-to-use-editortemplates/), т.е. Views/Shared/EditorTemplates. например вынести Кендо NumericTextBox, создать шаблон редактора вдоль этих линий:

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

Вы правы, я пришел, чтобы узнать, что, задав вопрос 2 месяца назад, но не помнил, что я разместил вопрос! Благодарю. – Jeff

1

Определить тип поля как числовой в схеме.

Пример: Проверить 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 } } 
     } 
    } 
} 
+0

Я забыл упомянуть, что я использую обертки ASP.NET MVC, поэтому я думал, что тип будет выведен автоматически из определения класса C# (это 'int'). – Jeff

+0

Он должен! Попробуйте открыть URL-адрес вашего DataSource в браузере и проверить, что то, что он получает, на самом деле является 'int'. – OnaBai

+0

Действительно, из JSON это «int», который я получаю. Используя Firebug, при сравнении с демонстрацией Kendo я, кажется, пропустил 'span' под' td', который имеет класс k-numerictextbox. – Jeff

0

Кендо предоставляет некоторые шаблоны под общим/EditorTemplates => здесь шаблон Integer.cshtml является Ther. мы можем использовать это, чтобы показать числовое значение в столбце. Нам нужно установить свойство EditorTemplateName в столбце Grid.

EditorTemplateName ("Целое число") на столбце.Bound для этого столбца.