2016-06-23 18 views
1

私はXPagesのブートストラップ3モーダルで次のプラグインを実装しようとしています。私は本当に近いですが、私は一点で立ち往生しており、何をすべきか分かりません。誰かが私を正しい方向に向けることを願っています。XPagesとmaterialize-tagsプラグイン

これはプラグインです:http://henrychavez.github.io/materialize-tags/examples/

目標は、私は繰り返し制御で行をクリックしたときに、それはモーダルを開き、その文書のキーワードリストフィールドは/タグを使用して(モーダルに表示されていることです材料設計チップ)。ここで

は、モーダルに私の呼び出しです:

<xp:this.attrs> 
<xp:attr name="data-toggle" value="modal"> 
</xp:attr> 
<xp:attr name="data-keyboard" value="false"> 
</xp:attr> 
<xp:attr name="data-backdrop" value="static"> 
</xp:attr> 
<xp:attr name="data-target" value="#editKeywordModal"> 
    </xp:attr> 
</xp:this.attrs> 
<xp:eventHandler event="onclick" submit="true" refreshMode="partial" refreshId="pnlRequests"> 
    <xp:this.action><![CDATA[#{javascript: var db:NotesDatabase = session.getDatabase(sessionScope.serverPath,sessionScope.requestsdbName); 
var unid = rowData.getUniversalID(); 
viewScope.keyworddocUNID = unid;}]]></xp:this.action> 
<xp:this.onComplete> 
var id = "#{id:pnlConfigKeywordListModal}" 
XSP.partialRefreshGet(id,{ 
onComplete: function(){ 
$('#editKeywordModal').modal('show'); 
}}); 
</xp:this.onComplete> 
</xp:eventHandler> 

とモーダル(editKeywordModal)の内側に、パネル(pnlConfigKeywordListModal)内のキーワードを表示するには、私のフィールドです。 configkeywordDocは、クリックした行に対応するドキュメントデータソースです。

<xp:inputText type="text" value="#{configkeywordDoc.KeywordList}" id="inputText1"> 
     <xp:this.attrs> 
      <xp:attr name="data-role" value="materialtags"></xp:attr> 
     </xp:this.attrs> 
</xp:inputText> 

静的リストがあるとうまくいきます。しかし、私がそのモーダルを開く前に部分リフレッシュを実行すると、それが開いて(チップが見える)1秒間点滅し、その後タグ/チップを失い、カンマ区切りの文字列として入力テキストに表示されますフィールド。

すべてのアイデアは、事前にそんなに...

感謝を感謝しています。

よろしく、

ダン

答えて

1

data-role="materialtags"は、自動的に「材料タグ」にご入力を変換し、それが唯一のページのロードにそれを行います。ダイアログ/ダイアログの内容を部分的にリフレッシュすると、新しい入力値は自動的にマテリアルタグに変換されません。

ブートストラップモダリティには、表示されたときにトリガされるイベントがあります。そのため、入力をその状態に変換するコードを使用します。ような何か:

x$("#{id:yourModalId}").on("shown.bs.modal", function (event) { 
    var modal = $(this); 
    var inputs = x$("inputs", modal).materialtags(); 
}); 

このコードは、あなたのモーダルトリガさは(モーダルIDを確認してください)示し、その後、材料タグにモーダルですべての入力を変換しています。

+0

Markありがとうございます。 –

関連する問題