jquery-mobile - 将 jQuery Mobile 属性应用于 XPages 控件

Question

我刚刚开始研究在 XPages 项目中使用 jQuery Mobile。我不确定在某些情况下我应该使用 XPages 控件还是标准 HTML 控件。

例如，我需要一个页面上的简单“保存”按钮。xp:button 确实使用 jQuery Mobile 样式呈现。但是我将如何对其应用属性，例如“data-icon”和“data-inline”？

或者在这种情况下我应该使用标准的 HTML 标记吗？如果是这样，我将失去编写 XPage 简单操作（例如保存数据源）的能力。

感谢您的任何提示。

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('data-icon', 'whatever') 添加属性。请记住，尽管按钮的 clientID 将通过界面更改，但您需要对此进行调整。你能给我的 x$ 函数 http://openntf.org/XSnippets.nsf/snippet.xsp?id=x-jquery-selector-for-xpages