Question

我有一个启用了单元格编辑的dataTable。编辑时我想用tab键浏览表格内容。问题是当焦点在selectOneMenu列上时。当按Tab键从selectOneMenu单元格导航到下一个单元格时，选项卡导航停止（焦点丢失）。

知道如何解决这个问题吗？

我的代码：

<p:dataTable id="tblElement" var="eltItem" value="#{bean.elementList}" binding="#{bean.dtElements}" editable="true" editMode="cell" rowKey="#{eltItem.id}" resizableColumns="true" >

    <p:column headerText="Key" toggleable="false">
        <p:cellEditor>
            <f:facet name="output">
                <h:outputText value="#{eltItem.key}" />
            </f:facet>
            <f:facet name="input">
                <p:inputText value="#{eltItem.key}" />
            </f:facet>
        </p:cellEditor>
    </p:column>

    <p:column headerText="Type" >
        <p:cellEditor>
            <f:facet name="output">
                <h:outputText value="#{eltItem.dataType.code}" />
            </f:facet>
            <f:facet name="input">
                <p:selectOneMenu value="#{eltItem.dataType}" converter="myConverter" >
                    <f:selectItems value="#{bean.dataTypeList}" var="dt" itemLabel="#{dt.code}" itemValue="#{dt}" />
                </p:selectOneMenu>
            </f:facet>
        </p:cellEditor>
    </p:column>

    <p:column headerText="Path" >
        <p:cellEditor>
            <f:facet name="output">
                <h:outputText value="#{eltItem.path}" />
            </f:facet>
            <f:facet name="input">
                <p:inputText value="#{eltItem.path}"  />
            </f:facet>
        </p:cellEditor>
    </p:column>

</p:dataTable>

使用PF 5.1。

Answer 1

同样在这里。

适用于我的解决方案：

使用h:selectOneMenu代替p:selectOneMenu。

选项卡导航在selectOneMenu上停止

1 个答案: