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

【问题标题】：Telerik MVC3 grid with custom Edit/Insert popup带有自定义编辑/插入弹出窗口的 Telerik MVC3 网格
【发布时间】：2012-03-02 05:41:05
【问题描述】：

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

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

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

提前致谢。

【问题讨论】：

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

【解决方案1】：

您可以创建自定义编辑器模板。在 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>

【讨论】：

它可以工作，但是当我尝试保存数据时它不起作用，我可以在 firebug "a(this).data("tTextBox") is undefined "中看到这个错误；我错过了什么吗？
我的猜测是文本框和模型之间的映射存在问题。确保您在编辑器模板中具有正确的字段名称。除此之外，我不确定。
我确定这与 Telerik 脚本有关，而且我没有任何名为“tTextBox”的字段
我还注意到，当我添加一个日期选择器时，我无法打开选择窗口！！

【解决方案2】：

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

【讨论】：