模态表单面板&日期选择器 & MessageBox,如何管理蒙版

发布于 2024-12-06 19:57:59 字数 371 浏览 0 评论 0原文

我在以下场景中遇到一些问题:

  • 我有一个包含详细信息卡的嵌套列表。
  • 当我单击detailCard 时,我弹出一个FormPanel,现在detailCard 被屏蔽。
  • FormPanel 有一个 DatePicker,因此在使用选择器选择一个值后,我返回到 FormPanel,但掩码消失了。
  • 此外,当我从 FormPanel 显示 Messabox 时,我仍然可以单击 FormPanel,而无需关闭 MessageBox。

所以我的基本问题是,当您将 FormPanel 显示为模态并且您有另一个在隐藏时隐藏蒙版的组件时,是否有一种方法来管理蒙版,以便它仅在您关闭表单时隐藏?

感谢您的任何想法。

I'm having some problems with the following scenario :

  • I have a nested list which has a detailCard.
  • When I click the detailCard I pop a FormPanel, now the detailCard is masked.
  • FormPanel has a DatePicker, so after selecting a value with the picker I return to the FormPanel but the mask is gone.
  • Also when I show a Messabox from the FormPanel I can still click the FormPanel without dismissing the MessageBox.

So I the basic question is, when you show a FormPanel as modal and you have another component which hides the mask on hide, is there a way to manage the mask so it only hides when you close the form?

Thanks for any ideas.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

盗心人 2024-12-13 19:57:59

我有类似的问题。似乎根据选择器显示为模态,当选择元素时,选择器会隐藏任何蒙版。
我一直在寻找选择器事件来处理这个问题,但幸运的是还没有,所以,如果您有答案,请更新此线程。

更新:[找到解决方案]

只需向选择器的隐藏“方法”添加一个侦听器,然后执行恢复蒙版所需的操作。

xtype: 'datepickerfield',
name: 'date',
label: 'Date',
picker: {
     listeners: {
          hide: function() {
               // Prevent mask hide default behavior of picker hide event.
               HandleLoadingMask();
          },
     },
},

哈特哈,
米尔顿.

I've a similar problem. It seems that as per the picker shows as modal, when the element is picked, the picker hides any mask.
I've been looking for picker events to handle that, but no luckily yet, so, if you have the answer, please update this thread.

Update: [Solution found]

Just add a listener to the hide "method" of the picker and do what you need to restore the mask.

xtype: 'datepickerfield',
name: 'date',
label: 'Date',
picker: {
     listeners: {
          hide: function() {
               // Prevent mask hide default behavior of picker hide event.
               HandleLoadingMask();
          },
     },
},

HTH,
Milton.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文