Я никогда не находил способ добавить дополнительные атрибуты в теги VF. Лучше всего, чтобы IMO добавлял javascript, который запускается при загрузке страницы, а затем использовал метод .attr()
JQuery для добавления атрибута в компонент.
Что-то вроде следующего (при условии, что вы включили jquery через статический ресурс )
<apex:commandLink styleClass="myLink" action="{!someAction}">
<apex:param name="someVar" value="someVarVal"/>
</apex:commandLink>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery(".myLink").attr("data-role", "button");
});
<script>
Вы заметите, что я использовал класс вместо ID здесьэто просто потому, что сгенерированные SFDC идентификаторы включают символы, которые необходимо экранировать для использования с jQuery, и я считаю, что это просто более простое и понятное решение (хотя, возможно, немного медленнее).