Telerik MVC3 grid с пользовательским всплывающим меню Edit / Insert - PullRequest
0 голосов
/ 09 февраля 2012

Я новичок в MVC, и я пытался создать страницу для списка элементов, и я могу добавлять / редактировать элементы в этом списке.

Я использовал сетку Telerik MVC, чтобы показать список элементов, теперь мне нужно знать, есть ли способ настроить всплывающее окно добавления / редактирования в сетке Telerik.

Причина в том, что мне нужно скрыть некоторые поля и добавить другие поиски.

Спасибо заранее.

Ответы [ 2 ]

2 голосов
/ 09 февраля 2012

Вы можете создать собственный шаблон редактора. В папке EditorTemplates в разделе Views / Shared добавьте вид с именем вашей модели . Когда вы используете всплывающее редактирование, он будет использовать шаблон, который вы определили.

Telerik имеет пример проекта, демонстрирующий, как это делается: Форма редактора всплывающих окон .

Вот код для шаблона редактора, который я сделал для проекта, в котором моей моделью были задачи:

@model Whiteboard.Models.Tasks

<fieldset>
    <legend>Tasks</legend>

    @Html.HiddenFor(c => c.TID)

    <div>
    <p>
        @Html.LabelFor(w => w.Task):<br />
        @Html.TextBoxFor(c => c.Task, new { style = "width: 375px;" })
    </p>
    </div>
    <div>
    <p>
        @Html.LabelFor(w => w.WDate):<br />
        @Html.EditorFor(c => c.WDate)
    </p>
    </div>
    <div>
    <p>
        @Html.LabelFor(w => w.Description):<br />
        @Html.TextAreaFor(c => c.Description, new { cols = "45", rows = "15", @class = "ext_TextArea" })
    </p>
    </div>
    <div>
    <p>
        @Html.LabelFor(w => w.Notes):<br />
        @Html.TextAreaFor(c => c.Notes, new { cols = "45", rows = "5", @class = "ext_TextArea" })
    </p>
    </div>
</fieldset>
1 голос
/ 10 февраля 2012

Я написал подробные серии на основанной / основанной на AJAX сетке Telerik MVC, которая использует шаблон редактора во всплывающем окне редактора сетки деталей, а также скрывает некоторые столбцы (обойти некоторые проблемы с этим). Я обсуждаю это в часть 3 , и вы можете скачать полный образец приложения. Надеюсь, это поможет.

...