【问题标题】:PrimeNG p-table (TurboTable) pEditableRow error when setting up Row EditingPrimeNG p-table (TurboTable) pEditableRow 设置行编辑时出错
【发布时间】:2019-03-11 05:37:03
【问题描述】:

跨帖警告:我也在 PrimeNG 社区论坛上发布了此内容,但我需要尽可能多地覆盖受众。

我正在尝试在 PrimeNG(版本 7.0.4/7.0.5)TurboTable (p-table) 组件中实现行编辑,如TurboTable Row Editing 上所示。

按照该页面上的说明操作后,我不断收到此错误:

模板解析错误:无法绑定到“pEditableRow”,因为它不是 'tr' 的已知属性。 ("<ng-template pTemplate="body" let-rowData let-editing="editing" let-ri="rowIndex"> <tr [ERROR ->][pEditableRow]="rowData">

所以我使用 PrimeNG 演示中的代码创建了一个StackBlitz(我设置了 CarService 并从Github 复制了行编辑示例 HTML。我设置了所有内容并尝试运行它,我得到了 我在我的应用程序中得到的演示代码中出现同样的错误

错误 /turbo_modules/@angular/compiler@7.2.8/bundles/compiler.umd.js (2500:21)

模板解析错误:无法绑定到“pEditableRow”,因为它 不是“tr”的已知属性。 ("<ng-template pTemplate="body" let-rowData let-editing="editing" let-ri="rowIndex"> <tr [ERROR ->][pEditableRow]="rowData"> <td> {{rowData.vin}}"): ng:///AppModule/AppComponent.html@15:16

我错过了什么?为什么这不适用于行编辑?

提前致谢!

【问题讨论】:

  • 您使用的是哪个版本的primeng?
  • 我的应用程序使用的是 7.0.4,而 Stackblitz 示例使用的是 7.0.5。两个版本都有同样的问题。我将这些版本添加到我的帖子中。

标签: angular primeng primeng-turbotable


【解决方案1】:

尝试将 primeNG 版本更新为最新版本。它对我有用。

【讨论】:

  • 最新的实际上是指最新的预发布版本。我在社区论坛上收到了相同的消息,他们指定了预发布版本号:7.1.0-rc.1。谁会想到要使用普通的已发布文档中描述的功能需要使用该软件的预发布版本!此外,当您使用“@latest”安装 npm 包时,除非您指定要包含预发布版本,否则您不会获得预发布版本,所以我绝不会认为这是需要的. :-/
  • 我已经更新到指定的 pre-released 版本,是的,它现在确实有效。我将此标记为答案。
【解决方案2】:

是否正确导入了 TableModule? import { TableModule } from 'primeng/table';

【讨论】:

  • 是的,我导入了正确的模块。解决方案是升级到 7.1 预发布版本。他们的文档显示该功能已经可用,但尚未发布。
  • 您用于primeng p-table进行行编辑的确切版本是什么
【解决方案3】:

您好,我只是想在我的应用程序中使用行编辑数据表,但无法正常工作...

Prine Ng:7.1.0 也尝试使用 7.1.0-rc.1

还包括正确的模块...

不知道我错过了什么......

【讨论】:

  • 您使用的是新的 Turbo Table(使用标签 p-table)还是旧的 DataTable(使用标签 p-dataTable)?您能否展示您的代码示例或指向Stackblitz 的链接?
  • 我正在使用新的 Turbo 表....并且我正在关注行编辑文档....primefaces.org/primeng/#/table/edit
  • 当我点击行编辑时,我不是可编辑的行......我不知道我在哪里做错了......
  • editMode="row" 添加到您的p-table 元素:&lt;p-table [value]="cars2" dataKey="vin" editMode="row"&gt;。由于文档文本中的拼写错误,在您向下查看文档页面底部附近的属性列表之前,没有明确的地方提到您必须拥有它。默认情况下,它的值为cell,因此您必须将其设置为row。我将它添加到您的 Stackblitz 中,效果很好!
  • 嗨@CindyK,如果我将过滤器添加到行编辑表... onRowEditCancel(rowData, ri) 方法没有按预期工作....提前致谢...
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-06-22
  • 2018-12-07
  • 1970-01-01
  • 2022-11-11
  • 2018-09-24
  • 2019-09-06
相关资源
最近更新 更多