通过javascript更新primefaces数据表中的可编辑单元格

时间:2012-08-13 19:39:28

标签: jsf primefaces datatable

我正在使用Primefaces 3.2 / JSF 2.0。我有一个In-Cell可编辑数据表。当我进入编辑模式时,我有一个输入框和一个按钮,当我点击按钮时,它打开一个带有单个选择数据表的对话框。选择一行后,我将更新整个数据表,该数据表将恢复为只读视图。

我想用我的回调函数中的值更新可编辑单元格。因此数据表仍然处于可编辑模式,因为单元格的id中包含行索引,我不知道如何获取该ID,以便我可以更新输入框

这是我的页面

<h:panelGroup id="placesTable">
     <h:form id="placesform" prependId="false" method="post" > 
        <p:dataTable var="item" value="#{placesBean.items}"   id="placesList" widgetvar="placesListVar" editable="true">

        <p:ajax event="rowEdit" listener="#{placesBean.saveRow}" />
...
<p:column headerText="Select Country" style="width:125px" nowrap="nowrap">
        <p:cellEditor>
            <f:facet name="output">
                <h:outputText value="#{item.country}" />
            </f:facet>
            <f:facet name="input">
                <p:inputText id="countryInput"  value="#{item.country}" style="float:left"/>
                <h:outputLink style="float:left" value="javascript:void(0)" onclick="countrySelectDialog.show()">   
                    <p:graphicImage value="/resources/images/select-icon.png" />
                </h:outputLink>
            </f:facet>
        </p:cellEditor>
    </p:column> 

我的选择器对话框的监听器看起来像这样 我正在为我的选择器使用复合组件

<p:dialog id="countrySelectDialog" header="Indicator Groups"  height="250" showEffect="explode" hideEffect="explode">
        <h:form prependId="false">
            <selector:countrySelect data="#{countrySelector.countries}" selection="#{placesBean.selectedCountry}">
                <f:facet name="footer">
                    <p:commandButton actionListener="#{placesBean.processSelection}" value="Ok" icon="ui-icon ui-icon-search" oncomplete="countrySelectDialog.hide()" update=":placesTable" process="@form"/>

                </f:facet>              
            </selector:countrySelect>
        </h:form>

</p:dialog>

我的输入框的ID就像这样 placesList:0:countryInput ,如何在我的ajax回调中获取此ID,以便我可以更新此单元而不是更新整个数据表。这将确保我的表仍处于可编辑模式,然后在处理rowEdit事件时保存数据。

0 个答案:

没有答案