在基础设施网格中自定义添加和编辑记录对话框

Question

我正在MVC中研究Infragistics Grid，并希望在其中进行一些自定义。问题是我显示的数据与我从用户（行编辑/添加模式下的编辑器）获取的输入不同。在网格中显示之前，需要进行其他处理。

基础设施网格提供了一种很好的机制来显示 JSON 对象数组，该数组具有良好的 UI 和事件，对我来说效果很好。当我想编辑特定行或添加新行时，问题就来了。为此，Infragistics为其提供了自己的UI。或者，如果我们想要自定义它，它没有提供太多空间。它只允许为如下列提供模板：

<script id="rowEditDialogRowTemplate1" type="text/x-jquery-tmpl">      
          <tr class="tableBackGround">                  
                <td class="labelBackGround"> ${headerText}
                </td>
                <td data-key='${dataKey}'>
                      <input /> 
                </td>
          </tr>
</script>

但是我想提供一个完整的模板，其中包含我的自定义表单和表单元素。

我想要一个简单的基础设施网格，它只会显示数据。如果我在网格中单击新增，那么它将加载我的对话框。如果我双击任何一行，它将再次打开我的对话框，我可以在其中编辑内容。稍后，一旦我保存了数据，我将进行服务器旅行并相应地刷新网格。

总结一下

我想为在基础设施网格中添加和编辑提供自己的自定义表单。保存数据后，我将负责重新加载网格。

参考 ： 基础设施网格

请帮我完成这项工作！

Answer 1

您已经找到了正确的 API 参考 - 在"选项"选项卡中查找 rowEditDialogTemplate 选项。官方示例中显示了默认行编辑模板的使用（是的，它也可用于添加行）。

您还可以在帮助主题中找到有关它的更多信息：行编辑模板和配置行编辑模板。

此外，在 Infragistics 论坛中，您可以找到有关如何利用 igGridUpdate 功能的 API 方法（例如 addRow 和 updateRow）以及完全自定义的表单进行行添加和编辑的其他信息。