p: selectOneButton tabindex не работает в сетках 5.0

Question

Я использую Primefaces 5.0.
Элемент p: selectOneButton полностью пропускается, когда я просматриваю страницу. Ниже приведен фрагмент кода.
Может кто-нибудь дать взломать, чтобы заставить tabindex работать с p: selectOneButton?

<p:selectOneButton tabindex="50" id="orderAction" value="#{orderController.side}" onchange="toggleBuySell();"> 
    <f:selectItems value="#{orderDataContainer.actionTypes}"/> 
    <p:ajax event="change" update=" messages" process="@this " listener="#{orderController.validateAction}" oncomplete="someAction();"/> 
</p:selectOneButton> 

Answer 1

То, что я предложил в своем комментарии, не работает, атрибут passtrough не добавляется к входным элементам. Однако, вы можете управлять, чтобы сделать это с помощью некоторых JQuery:

установить widgetVar вашему selectOneButton
перебирать его входы в:
удалить их скрытое свойство (в противном случае они не будут tabbable)
переместить их из экрана
связывают фокус и размытия событий, чтобы выделить соответствующую кнопку (которые дивы)

<p:selectOneButton widgetVar="orderActionWidget" id="orderAction" value="#{orderController.side}" onchange="toggleBuySell();"> 
    <f:selectItems value="#{orderDataContainer.actionTypes}"/> 
    <p:ajax event="change" update=" messages" process="@this " listener="#{orderController.validateAction}" oncomplete="someAction();"/> 
</p:selectOneButton> 

---

PF('orderActionWidget').buttons.find('input').each(function(index, value) { 
    $(value) 
    .attr('tabindex', 50 + index) 
    .removeClass('ui-helper-hidden') 
    .css('position', 'absolute') 
    .css('left', '-1000px') 
    .bind({ 
    focus : function() { 
     $(this).parent().addClass('ui-state-hover'); 
    }, 
    blur : function() { 
     $(this).parent().removeClass('ui-state-hover'); 
    } 
    }); 
});