问题标签 [primeng-dialog]

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 回答
3449 浏览

angular - 在模式弹出窗口中以编程方式打开 PrimeNG 日历

如何在模式弹出窗口中默认使 PrimeNG 日历处于打开状态?或者如何触发点击事件以打开打字稿模式弹出窗口中的 PrimeNG 日历?

如果我在 HTML 本身中使用,它会触发单击事件以打开日历showoverlay(),但是在模式弹出窗口中使用时,由于弹出窗口不在 DOM 元素中,它会显示错误,因为showoverlay()它不是函数。

0 投票
1 回答
7402 浏览

angular - 如何在单击按钮时打开 PrimeNG p 对话框并将数据从组件传递到 p 对话框?

我正在开发一个 Angular 迁移项目,其中代码正在从 AngularJS 重构为 Angular 5。这是 AngularJS 代码片段。

HTML

JS

如您所见,当单击下拉菜单中的项目时,它会打开一个带有自己的模板和控制器的模式,该模板和控制器处理所有逻辑。

现在我必须使用 Angular 5 应用相同的逻辑。我的项目使用 PrimeNG 组件。我必须使用对话框<p-dialog></p-dialog>

我的问题是:当单击报告超链接时,如何打开此对话框并将所有数据传递给它?在 AngularJS 中,我可以通过调用$modal.open({})函数并为其赋予相同的范围来轻松地做到这一点,因此现在模态控制器也拥有所有数据。

0 投票
1 回答
1954 浏览

angular - 扩展 PrimeNG 组件

尝试从 PrimeNG 库扩展对话功能

显示对话框时出现错误,不显示时没有错误

this.containerViewChild 未定义

在此处输入图像描述

我有的

目标: 请帮助我解决此错误,并希望创建 Dialog 类的工作扩展。

0 投票
2 回答
11782 浏览

angular - Angular 应用程序中的 PrimeNG p-dialog 模式会阻止背景和对话窗口本身

我在我的Angular 5应用程序中使用p-dialog PrimeNG组件,如下所示:

这没有什么不寻常的。如果我将对话框设置为模态(如上所示),则不是只屏蔽背景,甚至我的对话框窗口也是灰色的,我无法按下我的取消按钮。退出的唯一方法是按Esc键。

如果我不将其设为模态,但我想将其设为模态,则对话框窗口可以正常工作。有人有这个问题p-dialog吗?我已经搜索了一段时间,但之前没有看到这个问题。

我正在使用带有PrimeNG 5.2.0-rc.2 的Angular 5

0 投票
2 回答
1163 浏览

angular - 如何防止从 PrimeNG 中拖动 p 对话框离开屏幕

我正在使用 PrimNG 的 p-dialog。启用后,我可以使用和[draggable]防止模态在左侧和顶部被拖出屏幕。[minX][minY]

有没有办法防止模态在右侧和底部被拖出屏幕?

我在一个非常标准的实现中使用https://www.primefaces.org/primeng/#/dialog 。

0 投票
1 回答
1719 浏览

angular6 - primeng p-confirmDialog 更改显示布局

我在angular6上使用primeng,但是当pdialog出现时,布局改变并且布局减少,这是我的p-dialog实现

这是我的完整实现

显示如下:

布局

0 投票
1 回答
2425 浏览

angular - 如何为 primeNG 覆盖面板设置边距位置?

我想为 primeNG 覆盖面板动态设置 margin-top 和 margin-left 位置。如何做到这一点?

0 投票
1 回答
461 浏览

primeng - 内容宽度扩展时如何以编程方式重新定位 PrimeNG 对话框

PrimeNG/Angular 的新手在这里。我们有一个元素,它首先作为一个相当小的窗口打开。用户可以单击链接以展开对话框。展开时,宽度向右展开,但对话框保持与首次打开时一样的位置。

我知道应该有一个 dialog center() 方法,但我不知道如何连接它。谢谢!

0 投票
1 回答
5995 浏览

angular - 单击对话框覆盖(PrimeNG)时如何设置z-index?

目前我正在使用来自 PrimeNG 的对话框,如下所示:

我使用按钮打开它们,如下所示:

当前行为是最后打开的对话框是最大的z-index。这里的问题是当我单击它时找不到显示对话框的方法。我的意思是,z-index当我单击对话框时,我想将其设置为最高,以便将它放在最前面。任何想法?

0 投票
1 回答
3676 浏览

angular - PrimeNg - 使动态创建的对话框可拖动

我正在使用 PrimeNg 库。它有很好的<p-dialog>组件,默认情况下会创建可拖动的对话框。但在某些情况下,我使用 PrimeNg 的 APIdialogService来动态创建对话框。注意this.dialogService.open().

但在这种情况下,对话框是不可拖动的。

有什么解决方法可以让它工作吗?

示例代码