问题标签 [primeng-datatable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
664 浏览

angular - 在primeng的数据表中使用可扩展行时如何访问数据

使用primeng时,有以下方法来扩展一行。我想访问所选行的数据以向服务器发送调用并在数据返回时展开该行。

根据文档,有这个(onRowClick)="dt.toggleRow($event.data)"回调,并且可以使用 Angular 的双括号表示法访问数据{{id}}。但是,我将如何从 typescript 而不是 html 中的选定行访问数据?

编辑: 不知道为什么投反对票,但我在primeng的文档以及SO中都没有成功。任何意见或方向表示赞赏。

提前致谢!

0 投票
2 回答
3380 浏览

angular - 数据表未重新加载 - primeNG

我正在研究一个显示一组数据的角度项目。为此,我正在使用primeNG数据表。一切正常,但是当我从数据源中删除一个条目时,数据表没有刷新,我仍然可以在表中看到已删除的条目。任何帮助将不胜感激。

我的组件.html

我在删除时对数据源进行切片

我的组件.ts

0 投票
2 回答
1132 浏览

angular - Css 未应用于 Prime Ng 数据表

我正在使用 angular cli 构建一个 angular2 prime ng 应用程序。当我尝试使用 primeNg datable 时,Css 没有正确应用到它。我在我的 app.module 中包含了必要的依赖项,

我还在 angular-cli.json 中包含了 Prime ng 样式,

我的数据表代码如下,

但是 css 正在部分应用,谁能告诉我我错过了什么。提前致谢。

Css 得到部分应用

0 投票
1 回答
1207 浏览

primeng - 如何获取primeng数据表中列的过滤值?

我有一个包含 10 列的数据表。在更改列中的过滤器值时,我必须显示带有过滤值的警报消息。

如果用户在过滤器中输入 Org 2,则应显示“您已选择 Org 2”。谁能让我知道该怎么做?

0 投票
0 回答
773 浏览

angular - PrimeNG Datatable 变更检测策略 onPush 不起作用

我正在使用primeng角度数据表。我正在尝试使用 onPush 更改检测策略,但它似乎不起作用。在我打电话之前,表格会不断更新cd.detectChanges();。这导致我出现严重的性能问题,因为表变得无响应

0 投票
1 回答
880 浏览

angular - PrimeNg p-datatable 没有选择提供的模板

我有一个用例,其中我的表有不同数量的行和列。我也没有关于标题名称的任何信息。

我正在尝试使用以下实现:

我使用获取表的引用@ViewChild('tableref ') tableref ; 然后调用服务来获取列列表并将其分配为 tableref .columns = colArray

colArray包含具有自动分配给表的属性的field对象。headers(这工作正常,我可以在表中看到标题名称)

然后,我准备了一个对象数组data,其中对象的属性名称与从中选取的字段名称相同colArray

最后在我的html中我有:

在上面的模板中,只要row[col.field]分配给一个字符串,它就会显示出来。但是,如果row[col.field]是一个对象,则模板根本不会绑定。我相信模板根本没有被选中,因为当我检查 html 时,我什至看不到自定义标签。

我想在以下级别绑定一些数据: <h2>{{row[col.field]['someProperty']['finalProperty']}}</h2>

我还以下列方式使用它: <h2>{{row[col.field].someProperty.finalProperty]}}</h2>

在上述每种情况下,对象都绑定到表格并且表格显示[Object object]

是不是不能通过以下方式绑定数据。我在这里做错什么了吗。请建议..

0 投票
1 回答
2037 浏览

angular - PrimeNG Datatable 过滤器值在使用延迟加载搜索后更改为未定义

我有一个数据表,我想延迟加载并使用内置过滤器为数据 api 请求生成过滤器。每当我在过滤器字段中输入内容时,它都会返回搜索结果,然后将我输入的内容更改为“未定义”。它仍然返回正确的数据数组,因此搜索工作正常,但之后该值不会保留在那里。这是代码:

数据表模板

延迟加载功能

Primeng Datatable过滤功能

我确实稍微修改了数据表代码,但这只是为了格式化它,以便它可以与我的 api 一起使用。原始代码如下所示:

0 投票
1 回答
1842 浏览

angular - angular primeng datatable 获取过滤后的数据

我想从表中获取所有过滤器数据,假设我有

现在,一旦我过滤行并全选,我想选择所有过滤的行,仅在该特定页面中,但在所有分页中。

我已经尝试过 this.dt.dataToRender,但它只提供经过过滤的数据,但仅限于该特定页面。

0 投票
1 回答
2505 浏览

angular - primeng :数据表不异步绑定选择属性

我在我的一个组件的 p-dialog 中显示了一个 p-datatable。如果用户之前从该表中选择了几行,我需要在用户下次访问 p-dialog 时显示它们被选中。

我将一组选定项目传递给selectionp 数据表的属性。但是,这些行未在屏幕上显示为选中状态。

如果我重新选择相同的行,我会在selection属性中获得两次,这意味着预先选择的行正确地保留在selection属性中,但不知何故未绑定到html.

我试图将整个 p-dialog 包装在一个*ngIf期望它仅在收到数据后才创建但它没有任何区别。

我该怎么做才能将选定的行绑定到 p 数据表。

我还尝试使用获取引用ViewChild并将值分配给selection那里的属性。那也没什么区别。

data但是,我注意到,如果我的方法中有并且selectedData已经可用,则问题不会出现ngOnInit

有任何想法吗 ?

0 投票
2 回答
4794 浏览

angular - 在primeng Datatable自定义过滤器不起作用

我有一个包含 Org 列的数据表。不同的组织列表位于数组中。如何在列过滤器下拉框中添加此列表。当我尝试使用列表添加选项时,下拉显示没有值。有人可以告诉我如何在下拉列表中添加动态值吗?