在Infragistics Grid中自定义添加和编辑记录对话框

时间:2013-09-23 16:33:44

标签: asp.net-mvc grid infragistics ignite-ui

我正在使用MVC中的Infragistics Grid,并希望在其中进行一些自定义。 问题是我显示的数据与我从用户输入的数据(行编辑/添加模式中的编辑器)不同。在网格中显示之前,还需要进行额外的处理。

Infragistics网格提供了一个很好的机制来显示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>

但我想提供一个完整的模板,它将包含我的自定义表单和表单元素。

我想要一个简单的Infragistics Grid,它只显示数据。如果我在网格中单击“添加”,则会加载我的对话框。 如果我双击任何一行,它将再次打开我可以编辑内容的对话框。之后,一旦我保存数据,我将进行服务器旅行并相应地刷新网格。

总结

我想在Infragistics Grid中提供自己的自定义表单以添加和编辑。我会在保存数据后重新加载网格。

参考: Infragistics Grid

请帮我完成这件事!

1 个答案:

答案 0 :(得分:2)

您已找到正确的API参考 - 在“选项”标签中查找 rowEditDialogTemplate 选项。 使用默认的行编辑模板(是的,它也可以用于添加行)显示在the official sample中。

您还可以在帮助主题中找到有关它的更多信息:Row Edit TemplateConfiguring Row Edit Template

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