Как вызвать диалог начальной загрузки модальный из SSJS в XPages

Question

Редактировать я добавил это после

</xp:this.action> 

и оказалось работать несколько раз, но теперь он ушел. Поэтому не знаю, есть ли у меня решение или нет: Дальнейшее редактирование убедитесь, что у вас есть два xp: attr или он не работает.

<xp:this.onComplete> 
    var id = "#{id:panelModal}" 
    XSP.partialRefreshGet(id,{ 
    onComplete: function(){ 
    $('#myModal').modal('show'); 
     } 
     }); 
</xp:this.onComplete> 

Я создал тестовый код, чтобы позвонить - если я закомментируйте ссылку и показать кнопку модальной витрину правильно. Однако, когда я устанавливаю attrs для toggle-data и toggle-target, я не могу получить модальное отображение.

<xp:panel id="panelMain"> 
     <xp:link text="Create Document" id="buttonLink1" styleClass="btn btn-default"> 
      <xp:this.attrs> 
       <xp:attr name="data-toggle" value="modal"> 
       </xp:attr> 
       <xp:attr name="data-target" value="createDialog"> 
       </xp:attr> 
      </xp:this.attrs> 
      <xp:eventHandler event="onclick" submit="true" 
       refreshMode="partial" refreshId="panelMain"> 
       <xp:this.action><![CDATA[#{javascript:"Do some stuff here"}]]></xp:this.action> 
      </xp:eventHandler> 
     </xp:link> 


<!-- <button type="button" class="btn btn-md" data-toggle="modal" 
      data-target="#createDialog"> Search 
     </button> 
--> 
     <!-- Modal --> 
     <div class="modal fade" id="createDialog" tabindex="-1" role="dialog" 
      aria-labelledby="myModalLabel"> 
      <div class="modal-dialog" role="document"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal" 
          aria-label="Close"> 
          <span aria-hidden="true"></span> 
         </button> 
         <h4 class="modal-title" id="myModalLabel"> 
          <xp:label id="label1"> 
           <xp:this.value><![CDATA[#{javascript:"Search " + appProps[sessionScope.ssApplication].appDesc}]]></xp:this.value> 
          </xp:label> 
         </h4> 
        </div> 
        <div class="modal-body"> 
         ... 
     </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal"> 
          Close</button> 
         <button type="button" class="btn btn-primary">Save changes</button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </xp:panel><!-- panel main --> 

Answer 1

Так вот код, который работает. Могут быть некоторые уточнения, которые могут быть сделаны, но он работает. Если у вас есть предложения по улучшению этого, пожалуйста, не стесняйтесь

<xp:panel id="panelMain"> 
     <xp:link text="Create Document" id="buttonLink1" styleClass="btn btn-default"> 
      <xp:this.attrs> 
       <xp:attr name="data-toggle" value="modal"> 
       </xp:attr> 
       <xp:attr name="data-target" value="createDialog"> 
       </xp:attr> 
      </xp:this.attrs> 
      <xp:eventHandler event="onclick" submit="true" 
       refreshMode="partial" refreshId="panelMain"> 
       <xp:this.action><![CDATA[#{javascript:"Do some stuff here"}]]></xp:this.action> 
<xp:this.onComplete> 
    var id = "#{id:panelModal}" 
    XSP.partialRefreshGet(id,{ 
    onComplete: function(){ 
    $('#myModal').modal('show'); 
    }}); 
</xp:this.onComplete> 
      </xp:eventHandler> 
     </xp:link> 


<!-- <button type="button" class="btn btn-md" data-toggle="modal" 
      data-target="#createDialog"> Search 
     </button> 
--> 
     <!-- Modal --> 
     <div class="modal fade" id="createDialog" tabindex="-1" role="dialog" 
      aria-labelledby="myModalLabel"> 
      <div class="modal-dialog" role="document"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal" 
          aria-label="Close"> 
          <span aria-hidden="true"></span> 
         </button> 
         <h4 class="modal-title" id="myModalLabel"> 
          <xp:label id="label1"> 
           <xp:this.value><![CDATA[#{javascript:"Search " + appProps[sessionScope.ssApplication].appDesc}]]></xp:this.value> 
          </xp:label> 
         </h4> 
        </div> 
        <div class="modal-body"> 
         ... 
     </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal"> 
          Close</button> 
         <button type="button" class="btn btn-primary">Save changes</button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </xp:panel><!-- panel main -->