Применение атрибутов jQuery Mobile для элементов управления XPages

Question

Я только начал изучать использование jQuery Mobile в проекте XPages. Я не уверен, следует ли использовать определенные элементы управления XPages или стандартные элементы управления HTML при определенных обстоятельствах.

Например, мне нужна простая кнопка «Сохранить» на странице. Кнопка xp: отображается в стиле jQuery Mobile. Но как я мог бы применить к нему атрибуты, такие как «data-icon» и «data-inline»?

Должен ли я использовать стандартный HTML-тег в этом случае? Если это так, я теряю возможность кодировать простые действия XPages, скажем, для сохранения источников данных.

Спасибо за любые советы.

Answer 1

Если вы используете 8.5.3, вы можете использовать свойство attr для добавления значков данных и тегов данных в строку.

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

Если нет, то вы можете использовать JQuery для добавления атрибута с помощью $(). Атр ('данных-значок', 'любой'). Помните, что клиентский ключ кнопки будет меняться через интерфейс, и вам нужно будет отрегулировать его. Вы могли бы вы использовать мою функцию x $ http://openntf.org/XSnippets.nsf/snippet.xsp?id=x-jquery-selector-for-xpages