Cách cập nhật hàng cụ thể trong Primefaces datatable

Question

Primefaces 3.5, Mojarra 2.1.14. Đây là DataTable PF của tôi, nó có chứa một cột boolean không thể chỉnh sửa tên 'tự động', và có thể chỉnh sửa 'nhãn' cột:

<p:dataTable value="#{bean.contents}" paginator="true" var="row" 
    editable="true" editMode="cell" rows="25" rowsPerPageTemplate="10,25,50" id="list"> 
    <p:column> 
     <f:facet name="header"><h:outputText value="header1" /></f:facet> 
     <p:selectBooleanCheckbox value="#{row.automatic}" disabled="true" id="isAutomatic"></p:selectBooleanCheckbox> 
    </p:column> 
    <p:column> 
     <f:facet name="header"><h:outputText value="header2" /></f:facet> 
     <p:cellEditor> 
      <f:facet name="output"> 
       <h:outputText value="#{row.label}"></h:outputText> 
      </f:facet> 
      <f:facet name="input"> 
       <p:inputText value="#{row.label}"></p:inputText> 
      </f:facet> 
     </p:cellEditor> 
    </p:column> 
    <p:ajax event="cellEdit" process="@this" listener="#{myBean.onEditLabel}" update="isAutomatic"/> 
</p:dataTable> 

di động chỉnh sửa sự kiện nghe:

public void onEditLabel(CellEditEvent event) { 
    Object oldValue = event.getOldValue(); 
    Object newValue = event.getNewValue(); 

    if(newValue != null && !newValue.equals(oldValue)) { 
     DataTable s = (DataTable) event.getSource(); 
     MyEntity d = (MyEntity) s.getRowData(); 
     try { 
      d.setAutomatic(false); 
      myDAO.save(d); 
      addMessage("Change saved!"); 
     } catch (Exception ex) { 
      addErrorMessage("Label could not be saved!"); 
      getFacesContext().validationFailed(); 
     } 
    } 
} 

Các tế bào công trình biên tập, gửi dữ liệu đến người nghe và nó được lưu giữ chính xác đến cơ sở dữ liệu. Cờ 'tự động' cũng bị xóa bởi trình lắng nghe sự kiện chỉnh sửa ô và được duy trì chính xác đến cơ sở dữ liệu. Vấn đề là hộp kiểm 'tự động' không được cập nhật trên máy khách.

Tôi cũng đã cố gắng

<p:ajax event="cellEdit" process="@this" listener="#{myBean.onEditLabel}" update="list"/> 

đó cập nhật một cách chính xác vào hộp kiểm, nhưng cũng gây chú trọng bị mất, và chất thải băng thông.

Làm cách nào để cập nhật chỉ một ô cụ thể sau khi sự kiện cellEdit được kích hoạt?

Answer 1

Bạn p:ajax thẻ nằm bên trong p:dataTable không có trong một số hàng hoặc cột cụ thể, do đó bạn có thể dễ dàng cập nhật một số id thành phần tương đối. Bạn có thể với sự giúp đỡ của RequestContext cập nhật thành phần cụ thể trong ô. Vì vậy, loại bỏ update từ p:ajax và thêm video này vào phương pháp onEditLabel của bạn:

RequestContext.getCurrentInstance().update(
    s.getClientId(FacesContext.getCurrentInstance()) + 
    ":" + event.getRowIndex() + 
    ":isAutomatic" 
); 

Như bạn thấy, id của thành phần bên trong tế bào có số lượng hàng trước khi id bạn đã gán.

Answer 2

Tôi tin rằng bạn có thể giải quyết vấn đề này mà không cần phải biết chi tiết về ID của thành phần bạn muốn cập nhật. Bạn có thể chuyển nó như một tham số cho bean.

Trước tiên, hãy liên kết thành phần bạn muốn cập nhật. Bạn không thực sự cần một bean mà thành phần này bị ràng buộc. Bạn chỉ cần xác định một số giá trị mà bạn có thể sử dụng để xác định thành phần này sau trong JSF của bạn. Vì vậy, trong trường hợp của bạn, bạn sẽ làm điều gì đó như:

<p:selectBooleanCheckbox binding="#{isAutomaticComponent}" value="#{row.automatic}" disabled="true" id="isAutomatic"></p:selectBooleanCheckbox> 

Bây giờ truy cập thành phần khi bạn cập nhật. tức là:

<p:ajax event="cellEdit" process="@this" listener="#{myBean.onEditLabel(isAutomaticComponent.clientId)}" /> 

Bây giờ bạn có thể cập nhật thành phần từ phương thức sự kiện cellEdit của bạn mà không biết nội dung của ID. tức là:

public void onEditLabel(CellEditEvent event, String idOfComponentToUpdate) { 
... 
RequestContext.getCurrentInstance().update(idOfComponentToUpdate); 
...