XPagesコントロールにjQuery Mobileの属性を適用する

Question

XPagesプロジェクトでjQuery Mobileを使い始めました。私は、特定の状況でXPagesコントロールまたは標準HTMLコントロールを使用すべきかどうかは不明です。

たとえば、ページに簡単な「保存」ボタンが必要です。 xp：buttonはjQuery Mobileスタイルでレンダリングされます。しかし、「データアイコン」や「データインライン」などの属性をどのように適用すればよいでしょうか？

この場合、標準のHTMLタグを使用する必要がありますか？もしそうなら、私はデータソースを保存するためにXPagesの簡単なアクションをコード化する能力を失います。

ありがとうございます。

Answer 1

8.5.3を使用している場合は、ボタンのattrプロパティを使用してdata-iconタグとdata-inlineタグを追加できます。

<xp:button value="Label" id="button1"> 
    <xp:this.attrs> 
     <xp:attr name="data-icon" value="marky"></xp:attr> 
    </xp:this.attrs> 
</xp:button> 

jQueryを使用して$（）。attr（ 'データアイコン'、 'whatever'）を使用して属性を追加できます。ボタンのclientIDはインターフェイスを介して変更されますが、そのために調整する必要があることに注意してください。あなたは私のx $関数を使うことができました http://openntf.org/XSnippets.nsf/snippet.xsp?id=x-jquery-selector-for-xpages