ブートストラップのモーダルをonclickで更新できません

Question

現在、私は、ビーンのバッキングからの値で満たされたフォームを含むモーダルダイアログを開こうとしています。各ボタンがテーブル内のエントリにリンクされているので、ボタンに用意されているオブジェクトを使用して、Beanがロードされます（またはロードされるべきです）。ボタンの現在のコードは次のとおりです。

イベントをトリガーするモーダルとボタンは同じページにありますが、このページには2つのBeanがあります。 1つは、ボタンをクリックすると（指定されたオブジェクトを変更するために）表示されるモーダルと、メインウィンドウ内のすべてのデータを印刷するモーダルに使用されます。

基本的には、指定されたオブジェクトを@PostConstructメソッドに渡してBeanをインスタンス化し、2番目のBeanがリクエストによって持っていて、すべてのプロセスが完了した後に表示されるようにして、モーダルをリフレッシュしますそれを表示します。

<b:button value="" 
    icon-size="2x" 
    onclick="#{bean.dummy()}" 
    style="height: 64px; width: 64px; float: right; border: none; margin-top: 25px; border-radius: 0px;" 
    oncomplete="$('.config_modal').modal()"> 
     <f:param name="action" value="#{bean.value}" /> 
</b:button> 

私は以下のいくつかの変更を試しました。前のものが最新のものです。

• 以前のJS modal()コールは 'onclick'イベントの内側にありました。
• モーダルダイアログは実際のコードでは決して表示されないので、ダミーメソッドを追加しました。
• ページ全体が更新されるため、b:commandButtonではありません。ダイアログは表示されません。

Answer 1

ページリロード後にoncompleteが起動しません。あなたはajaxを使う必要があります。例えば<h:form><b:commandButton value="click" action="#{bean.dummy}" oncomplete="$('.config_modal').modal('true');"><f:ajax render="@form"/></b:commandButton></h:form>。あなたが再描画したいページのどの部分も<h:form>