我正在使用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中提供自己的自定义表单以添加和编辑。我会在保存数据后重新加载网格。
请帮我完成这件事!
答案 0 :(得分:2)
您已找到正确的API参考 - 在“选项”标签中查找 rowEditDialogTemplate 选项。 使用默认的行编辑模板(是的,它也可以用于添加行)显示在the official sample中。
您还可以在帮助主题中找到有关它的更多信息:Row Edit Template和Configuring Row Edit Template。
此外,在Infragistics论坛中,您可以找到有关如何利用igGridUpdating功能的API方法(例如addRow和updateRow)以及用于行添加和编辑的完全自定义表单的其他信息。