Xpage组件使用UIDialog，UIDialog不呈现其子级

Question

我正在尝试为我的公司开发组件，但应该有一个集成对话框。 直到我用Dialog达到目的之前，创建组件都很容易。 我想将com.ibm.xsp.extlib.component.dialog.UIDialog用于我的组件，因为它具有一些我想使用的不错的功能，因此不能选择使用ClientSideDojo创建自己的对话框。

通常，将组件添加到另一个组件时，我使用component.getChildren().add(MyNewComp),但是当我尝试以下代码时：

public class myComponentWithADialog extends UIComponentBase implements FacesComponent {
    //...other Code...
    public void buildContents(FacesContext context, FacesComponentBuilder builder)
                throws FacesException {

          UIDialog dialog = new UIDialog();
            TypedUtil.getChildren(container).add(dialog);
            dialog.setStyleClass("dlgUserPref");
            dialog.setTitle("titelxyz");
            dialog.setId("TagDialog"); 

            UIPanelEx panel = new UIPanelEx();
            panel.setTagName("div");
            panel.setStyle("border:2px solid red;");
            panel.setStyleClass("lotusList lotusTags lotusRelatedTags");

            dialog.getChildren().add(panel);
            this.getChildren.add(dialog);
    }
  //....
}

在我的浏览器中调用XSP.openDialog('dialogClientId')时，对话框中不显示我的面板，该对话框显示但为空。

我已经尝试了其他一些方法，例如dialog.getPopupContent.getChildren().add()但随后出现错误： javax.faces.component.UIPanel incompatible with com.ibm.xsp.extlib.component.dialog.UIDialog$PopupContent 。

我也试图在谷歌上找到一个解决方案，但我只在有相同问题但没有任何解决方案的人的openNTF上找到一个条目。

注意：我也试图通过带有SSJS的按钮将一些内容“注入”到标准<xe:dialog>和<xe:dialog> <px:panel>内部的<xe:dialog> <px:panel> ，就像keithstric在他的博客中所做的那样。 码：

var dialog:com.ibm.xsp.extlib.component.dialog.UIDialog = 
   getComponent('extlibdialog');

    if(dialog.getChildren().size() > 0) {     
        dialog.getChildren().clear(); 
    } 

    var TextField:com.ibm.xsp.component.xp.XspOutputText = new com.ibm.xsp.component.xp.XspOutputText();
        TextField.setTitle("test");
        TextField.setId("testTextField");
        TextField.setValue("<p>This is the new Content</p>");

    dialog.getChildren().add(TextField);

此代码对于对话框外部的标准<xp:panel>正常工作，但不适用于对话框本身或其中的面板。

Answer 1

该对话框不是在页面加载时预渲染的，而是在XSP.openDialog（...）中实际调用时显示的。

因此，您需要在该事件中运行代码（现在可以移动，无法检查它是否公开）。

计划B：请使用由Rest控件支持的Dojo对话，因此您可以来回传输所需的任何数据。

请注意：弹出对话框是从桌面应用程序移植的UI概念。 它们与Web应用程序无关，并且大多数在移动设备中不起作用。 考虑并使用内联表单（或向导）