Question

我试图在用户每次单击时在数据表中捕获单元格的值，并在文本框中更新该值。我提到了这个primefaces展示网址：https://www.primefaces.org/showcase/ui/data/datatable/edit.xhtml

CellEdit事件对我不起作用，因为我不希望用户编辑单元格，因此已禁用该单元格的输入文本框。由于没有选择单元格的事件，如何使用javscript / jquery或其他任何方法使其工作。

<h:form id="form">
            <p:dataTable id="cars2" var="car" value="#{dtEditView.cars2}"
                editable="true" editMode="cell" widgetVar="cellCars">
                <f:facet name="header">
           Cell Editing with Click and RightClick
       </f:facet>

                <p:ajax event="cellEdit" listener="#{dtEditView.onCellEdit}" />

                <p:column headerText="Id">
                    <p:cellEditor>
                        <f:facet name="output">

                                <h:outputText value="#{car.id}" />

                        </f:facet>
                        <f:facet name="input">
                            <p:inputText id="modelInput" value="#{car.id}" disabled="true"
                                style="width:96%" />
                        </f:facet>
                    </p:cellEditor>
                </p:column>

                <p:column headerText="Year">
                    <p:cellEditor>

                        <f:facet name="output">

                                <h:outputText value="#{car.year}" />

                        </f:facet>
                        <f:facet name="input">
                            <p:inputText value="#{car.year}" disabled="true"
                                style="width:96%" label="Year" />
                        </f:facet>
                    </p:cellEditor>
                </p:column>
            </p:dataTable>

            <p:contextMenu for="cars2" widgetVar="cMenu">
                <p:menuitem value="Edit Cell" icon="ui-icon-search"
                    onclick="PF('cellCars').showCellEditor();return false;" />
                <p:menuitem value="Hide Menu" icon="ui-icon-close"
                    onclick="PF('cMenu').hide()" />
            </p:contextMenu>


        </h:form>

这是我希望用户单击任何单元格后立即更新单元格值的地方。该文本区域与数据表的格式相同。

            <p:panel style="width:56%;height:56%;">
                <p:inputTextarea id="notesTextArea" value="#{tree.result}"/>
                </p:inputTextarea>
            </p:panel>

请帮助。

使用onclick事件捕获数据表中单元格的值-primefaces

0 个答案: