使用 igx-action-strip 添加新行到 igx 网格
Adding new row to igx grid using igx-action-strip
我正在尝试创建一个带有编辑按钮的 igx 网格 table,类似于 Infragistics Angular Grid Row Adding Example
提供的示例
<igx-action-strip #actionstrip>
<igx-grid-editing-actions [addRow]="true"></igx-grid-editing-actions>
</igx-action-strip>
我将 IgxActionStripModule 添加到 app.modules.ts 中,但未找到 addRow
。我应该添加一些其他模块还是为什么这个简单的例子不起作用?
我没有找到关于它的教程或解释。
我有 Angular 版本 12 和 Visual Studio 2019.
确保以下几点:
其他两个依赖模块也存在。您应该看到 IgxActionStripModule、IgxInputGroupModule 和 IgxFocusModule。
检查模块是否也存在于@NgModule 导入中。
将 rowEditable 网格输入设置为 true,并在网格中添加操作条作为内容投影:
行添加操作必须设置主键。
现在将鼠标悬停在行上时,您应该会看到用于添加、编辑和删除行的行操作图标
我正在尝试创建一个带有编辑按钮的 igx 网格 table,类似于 Infragistics Angular Grid Row Adding Example
提供的示例<igx-action-strip #actionstrip>
<igx-grid-editing-actions [addRow]="true"></igx-grid-editing-actions>
</igx-action-strip>
我将 IgxActionStripModule 添加到 app.modules.ts 中,但未找到 addRow
。我应该添加一些其他模块还是为什么这个简单的例子不起作用?
我没有找到关于它的教程或解释。
我有 Angular 版本 12 和 Visual Studio 2019.
确保以下几点:
其他两个依赖模块也存在。您应该看到 IgxActionStripModule、IgxInputGroupModule 和 IgxFocusModule。
检查模块是否也存在于@NgModule 导入中。
将 rowEditable 网格输入设置为 true,并在网格中添加操作条作为内容投影:
行添加操作必须设置主键。
现在将鼠标悬停在行上时,您应该会看到用于添加、编辑和删除行的行操作图标