问题标签 [primeng]

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 投票
0 回答
160 浏览

javascript - 无需重新加载的路由在Angular 2中不起作用

我的 Employee-Management-Component 在交互时使用路由参数链接到自身时正在重新加载,这不应该发生。我的代码有什么问题吗?<p-dropdown>和是 primeNG的<p-datatable>组件,按照他们的名字做。EventHandlers 和属性也应该很容易理解。如果不只是问。

路线

一切都按需要加载,但如果我点击一个员工routeToEmployee路由我到./employee/:employeeArrayIndex,页面重新加载(它不应该)并且它在editEmployee我想将选定的员工从员工数组分配给我可以显示他的员工变量的地方崩溃. 错误信息是'TypeError: Cannot read property '0' of undefined'。该数字是员工应该在的数组索引。所以我假设重新初始化后数组是空的。只会getDepartments()再次调用但不再调用getEmployees()

0 投票
1 回答
2055 浏览

angular - 创建第 3 页时 PrimeNG DataList 分页中断

8 月 23 日更新:迁移到 PrimeNG Beta 13。仍然有这个问题。关于如何调试的任何建议?

8 月 15 日更新:刚刚将我的项目迁移到 Angular2 RC5。数据列表的问题仍然存在。

我在数据列表分页方面遇到了一个奇怪的问题(使用PrimeNG Beta 12,但在 Beta 11 中遇到了同样的问题)。问题很可能在我的代码中,因为我在其他地方使用数据列表没有任何问题。

我的组件(页面)包含一个按钮和一个数据列表。datalist 底部有一个分页器,datalist 的rows属性设置为5

datalist 的数据源是一个名为 votes 的对象数组(较大对象的一部分)。最初,投票数组是空的。该按钮打开一个 PrimeNG 对话框,其中包含一个简单的表单。提交表单后,将创建一个新的投票对象并将其推送到投票数组中。

对于前 10 票,数据列表按预期工作。添加投票 6 时,数据列表正确创建包含来自投票 6 的数据的新页面 (#2)。页面 1 包含来自投票 1-5 的数据的 5 行。

添加投票 7-10 时,它们也正确地在第 2 页上创建了新行。但是,当将投票 11 添加到数组中时,与投票 11 对应的数据将添加到 datalist 的第 2 页的末尾作为第6行(!)以及新的第 3 页作为第 1 行。

在此先感谢您的任何建议。

模板

零件

第 2 页(添加第 11 票后,应该有 5 行!)

数据列表第 2 页

第 3 页(添加第 11 票后)

数据列表第 3 页

0 投票
1 回答
3273 浏览

angular - PrimeNG 数据表;'[(selection)]' 和 'onRowClick' 事件处理程序之间的区别

我目前正在使用 primeNG 显示员工列表。
我想单击它们进行编辑,并且我有一个带有组合框的列,用于选择多个员工以删除多个员工。
问题是,如果我单击组合框,'onRowClick' 处理程序也会触发。当编辑对话框出现时,这是我不喜欢的。
有没有办法区分这两个像仅列的事件处理程序?

我的桌子

1

0 投票
1 回答
927 浏览

angular - Angular2、webpack 将外部 css 全局添加到 ng2-admin

我开始使用 ng2-admin 并且遇到了问题。我正在使用数据表并且primeng样式不适用,我有一个普通丑陋的未格式化表。

我按照这里的说明进行操作:http: //www.primefaces.org/primeng/#/setup

我在另一个项目中添加了这些行:

它在过去有效,但这个 ng2-admin 项目使用 webpack,我对它不是很熟悉。我读过它,它说要在 webpack.config.js 中使用 css 加载器,我只是不知道在哪里以及如何添加它。

如果我将链接直接添加到 index.html,文件将根据下面的链接在文件上获得 404。 https://github.com/akveo/ng2-admin/issues/25

这是 ng2-admin 的站点 https://github.com/akveo/ng2-admin/tree/master/config 查看文件我想可能是 webpack.common.js 用于产品和开发?

我真的很感激一些帮助,谢谢。

0 投票
1 回答
734 浏览

angular - 多级下拉列表

我正在编写一个 Angular 2 应用程序,我需要有一个“奇怪的”下拉列表元素,在给定的选项上,它应该显示一个日历,就像我在下面附加的一样:

在此处输入图像描述

提到我在我的应用程序中使用 PrimeNG(来自 Primefaces)可能也很重要。他们有下拉列表和日历作为组件可用,但我能说给定的下拉列表选项应该扩展为日历吗?

感谢您对此提供的任何帮助或意见。

0 投票
0 回答
1171 浏览

angular - 如何在 PrimeNG 数据表中禁用默认过滤

PrimeNG 数据表有一个选项[filter]="true",可以在用于过滤数据的列标题上启用输入。此外,API 提供了onFilter在过滤数据时触发的回调。

输入为过滤数据提供的输入会导致表对表中的数据运行过滤。在回调中,我重新加载从服务器过滤的数据,这会导致数据被过滤两次。我可以禁用默认过滤,同时让列标题中的输入字段和 onFilter 回调可用吗?

0 投票
1 回答
836 浏览

angular - 哪个 UI 库推荐与 Angular2 一起使用?

我最近正在调查我们是否应该将 AngularJS 1 或 Angular2 用于长期产品。

我最大的关注点是使用成熟的 UI 库来创建吸引人的用户界面,例如 AngularUI for Angular JS 1。

在研究过程中,我遇到了 PrimeNG [1] 或 ng-bootstrap [2] 等库,但我仍然想知道它们有多成熟,即它们应该没有重大错误并且相当稳定。

您对它们有什么经验,您可以推荐哪些进一步的库?

[1] http://www.primefaces.org/primeng
[2] https://ng-bootstrap.github.io/#/home

0 投票
2 回答
1210 浏览

jquery-ui - Angular2、PrimeNG、Calendar、jQuery、webpack datepicker 不是函数

我通过 akveo https://github.com/akveo/ng2-admin使用 ng-admin 开始了一个项目。PrimeNG 网站指定需要添加 jQuery ui datetimepicker 和 jQuery datepicker 才能使用他们的 Calendar 组件。我做了一个 npm install jquery-ui --save 并安装了文件。但是,我对如何在 webpack 文件中添加引用并正确引用它一无所知。谢谢你。

0 投票
1 回答
2607 浏览

angular - 在路线更改时坚持 PrimeNG DataTable 选择

我在 Angular 2 应用程序中使用 PrimeNG 数据表,我必须在路由更改时保留选择。目前,我正在设置应用程序状态,如下所示:

其中 appState 是保存选择状态的服务。这也用于保留一些在选择时打开的选项卡。

虽然 appState 设置正确,返回一个选定申请人的数组并保留打开的选项卡,但它不会将实际选择保留在数据表中,因此可以再次选择条目。

HTML 如下所示:

我尝试使用一种this.appState.get('selectedApplicants')方法在`ngOnInit期间,在构造函数中获取selectedApplicants数组,甚至像这样设置它:

在组件中。

但是,虽然它确实返回了一组选定的申请人,但它并没有在表本身中选择它们。

作为旁注,this.selectedApplicants.splice(event.index, 1);关闭选项卡会取消选择表条目,因此可以通过更改选定条目数组以编程方式更改选择。即使存在所需的数组,它也不会在路由更改后启动视图时自动选择条目。

是否有解决方法或任何方法可以在路线更改时保留数据表选择?

0 投票
1 回答
1423 浏览

angular - QuillJS 编辑器正确加载,但在粘贴过程中找不到 CSS 文件

我有一个 Angular2 (RC5) 和 PrimeNG (Beta 13) 应用程序,它使用基于 QuillJS 编辑器 (v1.0.0-rc.2) 的 PrimeNG 编辑器组件 (p-editor)。我的项目基于Angular 2 Seed项目。

带有编辑器组件的页面加载良好,我可以进行一些基本的文本编辑。但是,当我尝试将一些文本粘贴到编辑器中时,Chrome 开发工具会报告数字 404 错误:

开发工具错误

奇怪的是,如果我将鼠标悬停在开发工具中的 clipboard.js:122 链接上,地址会显示,因为webpack:///./modules/clipboard.js 我不相信我正在使用 webpack。

这是我的 tools/config/project.config.ts 文件

看起来 Quill(剪贴板)的依赖项没有正确加载。我该如何解决?