带有自定义编辑/插入弹出窗口的Telerik MVC3网格

时间:2012-02-09 17:56:40

标签: asp.net-mvc-3 grid telerik popup

我是MVC的新手,我正在尝试创建一个列出项目的页面,我可以在此列表中添加/编辑项目。

我使用telerik MVC网格来显示项目列表,我现在要知道的是有一种方法可以自定义如何添加/编辑telerik网格的弹出窗口。

原因是我需要隐藏一些字段,并添加一些其他查找。

提前致谢。

2 个答案:

答案 0 :(得分:2)

您可以创建自定义编辑器模板。在Views / Shared下的EditorTemplates文件夹中,添加一个具有模型名称的视图。使用弹出编辑时,它将使用您定义的模板。

Telerik有一个示例项目,演示如何完成此任务:Custom PopUp Editor Form

以下是我为项目制作的编辑模板的代码,其中我的模型是任务:

@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 :(得分:1)

我在主/详细AJAX驱动的Telerik MVC网格上写了detailed series,它在详细网格的编辑器弹出窗口中使用了编辑器模板,并且还隐藏了一些列(解决一些问题)。我在part 3中讨论了这个问题,您可以下载完整的示例应用。希望这有点帮助。