问题标签 [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 投票
6 回答
32639 浏览

angular - 对话框隐藏的 PrimeNG 下拉菜单

我有一个使用 PrimeNG 组件的 Angular2 应用程序。

我想要一个对话框内的下拉菜单。但是,当我实现了这一点时,下拉菜单会被对话框的限制切断,如下面的屏幕截图所示。我想要的是它显示在对话框上方并显示所有选项。

在此处输入图像描述

这只是一个小对话框,我不想为此创建一个大对话框,因为会有很多空的未使用空间。

我的html代码如下:

如果有人可以就此提供任何建议,将不胜感激。

0 投票
2 回答
14369 浏览

html - PrimeNG的Angular 2嵌套模态对话框不起作用

我正在使用 PrimeNG 对话框组件,并且我有一个模态对话框,单击一个按钮,我想从中显示另一个模态对话框。

发生的事情是我的第二个模态对话框并不是真正的模态对话框,因为我只看到按钮后面的对话框内容。

我确实更改了第二个模式对话框的 p-dialog 的 [appendTo] 属性,但它似乎无法正常工作。

如何在 p 对话框中打开嵌套对话框?

角度 2 组件中的对话框:

单击第一个模态对话框中的按钮时,应打开第二个对话框。下面是嵌套对话框的定义:

我可以打开第一个对话框,但是当我单击按钮打开第二个对话框时,对话框的内容就像普通的 div 一样显示。在呈现的 html 下方:

0 投票
5 回答
19400 浏览

angular - 单击 p-dialog 关闭(X)按钮时如何调用角度函数?

单击 p-dialog 关闭(X)按钮时如何调用角度函数?

我已经搜索并尝试过这个(onHide)="cancel()"。但它不起作用。请分享您的解决方案。

我知道我们可以使用一个close/cancel按钮来隐藏弹出窗口。但在我的场景中,我想在单击(X)按钮时调用一个事件。

0 投票
1 回答
23541 浏览

angular - Angular4 PrimeNG 对话框作为组件

我正在努力解决角度/初始问题。我是 angular4 的新手,我正在尝试将对话框作为自己的组件打开和关闭。我有一个列表组件,其中数据表加载所有数据。如果单击一行并按下打开按钮,对话框组件应该打开。但是当我关闭对话框并想要重新打开它时,它不起作用。

列表组件.html:

列表组件.ts

对话框组件.html

对话框组件.ts

问题是,当我单击按钮时对话框打开,但是当我关闭它并想再次打开它时,它不再打开。有人知道为什么吗?我读过,我需要创建一个@Output 变量并使用一个EventEmitter,但我不知道这是否属实以及它是如何工作的。我希望有人知道为什么对话框在我关闭一次后不再重新打开。

0 投票
2 回答
1084 浏览

angular - Angular 2 测试 PrimeNG 确认对话框

我正在为以下代码编写茉莉花单元测试:

如何在对话框中伪造单击 Yes 来测试 accept() 函数中的代码?

0 投票
1 回答
1905 浏览

angular - 如何重新加载 PrimeNG 对话框的内容

我正在使用 Angular PrimeNG,我有以下场景

这里的问题是每当我尝试打开 p-dialog 时,不会再次调用自定义组件,我如何确保再次加载组件以确保模式每次打开时都有最新数据?

0 投票
1 回答
1861 浏览

angular - 如何在 PrimeNG 中使用dismissableMask

当我在对话框外部单击时,我试图隐藏一个对话框,但我无法在 PrimeNG 中使用dismissabeMask。谁能帮帮我?

HTML

TS

0 投票
1 回答
1872 浏览

html - PrimeNG 对话框防止自动对焦第一个按钮

我想在打开 PrimeNG 对话框时防止在第一个输入元素上自动对焦。

是否有可能阻止自动对焦?

0 投票
1 回答
1374 浏览

angular - 如何在点击功能上重新渲染包含的组件?

我有一个列表组件,其中有一个对话框,其中包含我用于编辑和创建新数据的表单组件。该组件是独立的(在同一个模块中),并在这样的对话框中调用:

创建和编辑按钮位于列表组件 html 中,当我单击编辑按钮时,应该将一个 id 传递给详细信息组件并加载数据并为我填写表单。但似乎当列表 html 呈现时,细节组件只呈现一次,当我单击编辑按钮时没有响应,没有新的 id 被传递到细节组件中。

我应该怎么办?

0 投票
2 回答
1699 浏览

angular - PrimeNG p-对话框位置顶部

我们在 IFrame 中显示了一个 Angular 4 应用程序。我们使用 PrimeNG 组件,在其中一种情况下,我们需要显示 PrimeNG p 对话框。默认情况下,p 对话框显示在 iframe 的中心(就高度而言),而不是顶部窗口(iframe 容器)的高度。

我在 p-dialog 中找到了一个 positionTop 属性,我们可以在其中设置 p-dialog 窗口的高度,并创建了一个指令

叠加位置

要在 p-dialog 元素中使用,如下所示。

在overLayPosition中,我要设置positionTop

..

但是 positionTop 属性变成了 positiontop(带有小写字母 t)并且 p-dialog 不接受属性值中声明的高度。

有人可以建议我从属性指令中设置 positionTop 的方式吗?

谢谢