asp.net-mvc - 修复 igGrid 中的列应仅显示整行的单个 'Add New Row' 按钮

Question

我对“infragistics”“igGrid”控件非常陌生。

我在这里面临的问题是，当与列固定结合启用更新时，会显示两个单独的“添加新行”按钮，一个用于固定列区域，一个用于非固定列区域.

我希望只有单个“添加新行”按钮应该出现，即，只有固定列(左侧)“添加新行”按钮应该显示，单击它后，用户可以添加一个新行。

另外，请告诉我这是 igGrid 的默认设置吗？每次为每个固定列区域显示“添加新行”按钮？

我可以在 HTML 代码中设置任何属性，而不是编写一些 JavaScript 函数来解决我面临的问题吗？

我尝试的解决方案:下面是 igGrid 示例/测试 HTML 代码的 .xml 文件(无法发布原始 HTML 代码)。我尝试设置 2 个属性:

HasAddRowFeature="False" 允许添加新行=“禁用” 在第二列中设置为“Isfixed”，但它没有给出所需的输出。

<Index ID="_Index" PrimaryKeyColumn ="RECORD_ID"  Width="1000px" HasAddRowFeature="True" HasDeleteRowFeature="True">

    <Column  Key="RECORD_ID" Text="" DataType="string" Width="0px" IsHidden="true" IsReadonly="true" />

    <Column  Key="Description" Text="Sample A" DataType="string" Width="150px" IsFixed="true" HasAddRowFeature="False" AllowAddNewRow="Disable" />

    <Column  Key="pqr" Text="Sample B" DataType="Object_List" ComboDataKey="ID" ComboTextKey="NAME" Width="150px" IsFixed="true"  />
    <Column  Key="abc" Text="Sample C" DataType="number" Width="100px" />
    <Column  Key="xyz" Text="Sample D" DataType="number" Width="100px"/>

</Index>

请提出一些解决方案。提前致谢。

Answer 1

初始化igGrid后，您可以使用以下代码隐藏第二个addRow按钮:

$("#gridid .ui-iggrid-addrow:eq(2) span").hide();

我建议更新您问题中的代码，因为您发布的代码不适用于 igGrid。