2016-04-06 11 views
0

を表示されないの内側:問題は、ポップアップが現れているポップアップは、私は、ダイアログで以下のポップアップを持って適切に

RichPopup popup= (RichPopup)JSFUtils.findComponentInRoot("p1"); 
popup.show(new RichPopup.PopupHints()); 

:このポップアップは、次のコードを使用して呼び出されます

<af:popup childCreation="immediate" id="p1" autoCancel="enabled" clientComponent="true"> 
         <af:dialog id="d1" type="yesNo" 
            dialogListener="#{patientModalityValidator.mydialog_listener}" 
            cancelTextAndAccessKey="Cancel" title="Alert" closeIconVisible="false" 
            shortDesc="ShortDesc" clientComponent="true""> 
          <af:outputText value="Are you sure?" id="myid" 
              clientComponent="true"/> 
         </af:dialog> 
        </af:popup> 

非常に小さく(幅5ピクセル、高さ5ピクセルなど)、ブラウザの開発者コンソールに入ると、内部にダイアログコンテンツが表示されません。 autoCancelを無効に設定した場合、正常に動作しますが、ダイアログに応答する前にユーザーがポップアップを閉じると、autoCancelを処理する必要があります。私はjdev11.1.2.4を使用しています

更新:それはレイアウトの問題です。これは、ポップアップのHTMLは次のようになります。

<div style="top:auto;right:auto;left:auto;bottom:auto;width:auto;height:auto;position:relative;" id="r1:0:pt:p1::content"> 
    <div id="r1:0:pt:d1" title="ShortDesc" class="af_dialog"> 
     <div class="af_dialog_inactive-background" _afrpanelwindowbackground="1" style="display: none;"></div> 
     <div class="af_dialog_inactive-background" _afrpanelwindowbackground="1" style="display: none;"></div> 
     <div class="af_dialog_inactive-background" _afrpanelwindowbackground="1" style="display: none;"></div> 
     <div class="af_dialog_inactive-background" _afrpanelwindowbackground="1" style="display: none;"></div> 
     <table cellpadding="0" cellspacing="0" border="0" summary="" class="af_dialog_main"> 
      <tbody> 
       <tr> 
        <td class="p_AFResizable af_dialog_header-start" id="r1:0:pt:d1::_hse">&nbsp;</td> 
        <td class="p_AFResizable af_dialog_header" id="r1:0:pt:d1::_hce"> 
         <table style="cursor:default" cellpadding="0" cellspacing="0" border="0" width="100%" summary=""> 
          <tbody> 
           <tr> 
            <td> 
             <div id="r1:0:pt:d1::_ticn" class="af_dialog_icon-region" style="display:none"></div> 
            </td> 
            <td class="af_dialog_header-content-center" id="r1:0:pt:d1::tb" style="-webkit-user-select: none;"> 
             <div id="r1:0:pt:d1::_ttxt" class="af_dialog_title">Alert</div> 
            </td> 
           </tr> 
          </tbody> 
         </table> 
        </td> 
        <td class="p_AFResizable af_dialog_header-end" id="r1:0:pt:d1::_hee">&nbsp;</td> 
       </tr> 
       <tr> 
        <td class="p_AFResizable af_dialog_content-start" id="r1:0:pt:d1::_cse">&nbsp;</td> 
        <td class="p_AFResizable af_dialog_content" id="r1:0:pt:d1::contentContainer"> 
         <div id="r1:0:pt:d1::_ccntr" class="af_dialog_content-center" style="width:250px;height:250px;position:relative;overflow:hidden;"><span id="r1:0:pt:pgl1" class="af_panelGroupLayout" style="position:absolute;width:auto;height:auto;top:0px;left:0px;bottom:0px;right:0px"><span id="r1:0:pt:myid">Are you sure?</span></span> 
         </div> 
        </td> 
        <td class="p_AFResizable af_dialog_content-end" id="r1:0:pt:d1::_cee">&nbsp;</td> 
       </tr> 
       <tr> 
        <td class="p_AFResizable af_dialog_footer-start" id="r1:0:pt:d1::_fse"> 
         <div></div> 
        </td> 
        <td class="p_AFResizable af_dialog_footer" id="r1:0:pt:d1::_fce"> 
         <table cellpadding="0" cellspacing="0" border="0" width="100%" summary=""> 
          <tbody> 
           <tr> 
            <td class="p_AFResizable af_dialog_footer-content" id="r1:0:pt:d1::_fcc"> 
             <button id="r1:0:pt:d1::yes" class="af_dialog_footer-button p_AFTextOnly" onclick="return false;" _afrpdo="yes">Yes</button> 
             <button id="r1:0:pt:d1::no" class="af_dialog_footer-button p_AFTextOnly" onclick="return false;" _afrpdo="no">No</button> 
            </td> 
            <td align="left" valign="bottom"> 
             <div class="p_AFResizable af_dialog_resize-icon-region"> 
              <a tabindex="-1" class="af_dialog_resize-icon-style" id="r1:0:pt:d1::_ree" title="Resize"></a> 
             </div> 
            </td> 
           </tr> 
          </tbody> 
         </table> 
        </td> 
        <td class="p_AFResizable af_dialog_footer-end" id="r1:0:pt:d1::_fee"> 
         <div></div> 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</div> 

テキスト、はい/いいえボタン「あなたはよろしいですが」があるが、それは、ソースコードであるが、テキストは表示されません。

+0

を追加するには、この出力ラベルを試してみては延期にchildCreationを変更しようとしましたか? さらに、af:dialogでcontentWidthとcontentHeightを設定することで、ポップアップの高さと幅を設定することができます – Sam

+0

これを試しましたが、動作しませんでした。ブラウザの開発者コンソールでダイアログコンテンツがページソースHTMLに表示されないため、レイアウトとは何の関係もないと思います。 – user2924127

+0

@Sam更新された質問をご覧ください。 – user2924127

答えて

0

あなたはaf:panelGrouplayout内でごaf:outputTextを追加してのpanelGroupLayoutの上にstyleClassのを追加することができ、あなたのダイアログ

+0

動作しませんでした。更新された質問をご覧ください。 – user2924127

+0

うーん...私は数日前に私のプロジェクトでこの種の行動を見た。私はテーブルのフィルタファセット内にimagelinkを使用し、このリンクがポップアップアピアランスを引き起こしました。このポップアップの中にはテーブルがありましたが、実行時には私は5x5pxの領域しか見ませんでした – vssk

+0

どこにpopup.showを使用しているかをご記入ください – vssk

0

stretchChildren="first"属性を追加してください。ダイアログ:でも、あなたも

<af:panelGroupLayout layout="vertical" 
         inlineStyle="margin-top:5px"> 

    <af:outputText value="Are you sure?" id="myid" 
        clientComponent="true"/> 
    </af:panelGroupLayout> 

おかげで以下のようにinlineStyleを追加することができます。..

+0

何もしません。私の更新された質問は、ポップアップによって生成されているhtmlを持っています – user2924127

0

あなたは、AFの「contentWidth」プロパティを指定する必要があります。 例:

<af:popup id="submitPopUp"> 
    <af:dialog id="d1" type="ok" 
       title="popup" 
       contentWidth="400"> 
     <af:outputText value="text" 
        id="ot3"/> 
    </af:dialog> 
    </af:popup> 
+0

私はこれを試しましたが、それは助けにはなりませんでした。私の更新された質問は、ポップアップによって生成されているhtmlを持っています – user2924127

+0

あなたがポップアップが本当に小さいようだと言ったように、これはあなたの問題の根本的な原因であると確信しています。 (テキストはありますが、ポップアップにはそれを表示するのに十分な幅がありません)他のプロパティを削除してみることができますか? (dialogListenerおよびclientComponent) – MrAdibou

0

テキスト

<af:popup binding="#{backingBeanScope.backing_NewBankGurantee.p1}" 
            id="p1"> 
    <af:dialog binding="#{backingBeanScope.backing_NewBankGurantee.d2}" 
      id="d2" title="DECISION" contentWidth="250" 
      contentHeight="100" type="none"> 
     <af:panelGroupLayout binding="#{backingBeanScope.backing_NewBankGurantee.pgl15}" 
          id="pgl15" layout="horizontal" 
          halign="center"> 
      <af:outputLabel value="Do you want to Amend this LG" 
           binding="#{backingBeanScope.backing_NewBankGurantee.ol1}" 
           id="ol1"/> 
     </af:panelGroupLayout> 
     <af:panelGroupLayout binding="#{backingBeanScope.backing_NewBankGurantee.pgl20}" 
          id="pgl20" layout="horizontal" 
          halign="center"> 
      <af:image binding="#{backingBeanScope.backing_NewBankGurantee.i1}" 
         id="i1" source="/download.jpg"/> 
      <af:spacer width="10" height="10" 
        binding="#{backingBeanScope.backing_NewBankGurantee.s5}" 
        id="s5"/> 
      <af:commandButton text="NO" 
          binding="#{backingBeanScope.backing_NewBankGurantee.cb4}" 
          id="cb4"/> 
      <af:spacer width="10" height="10" 
        binding="#{backingBeanScope.backing_NewBankGurantee.s3}" 
        id="s3"/> 
      <af:commandButton text="YES" 
          action="#{backingBeanScope.backing_NewBankGurantee.newactionamend}" 
          binding="#{backingBeanScope.backing_NewBankGurantee.cb5}" 
          id="cb5"/> 
     </af:panelGroupLayout> 
    </af:dialog> 
</af:popup> 
関連する問題