सफल अजाक्स कॉल

Question

के बाद डेटाटेबल अपडेट नहीं होता है मेरे पास डेटा तालिका है। तालिका की प्रत्येक पंक्ति में commandButton'निकालें' है, जिसे मॉडल और दृश्य से उस पंक्ति को निकालना और स्थान में अपडेट करना है। एक पाद लेख के रूप में, मेरे पास है जिसे 'हर पंक्ति को हटाएं' कहा जाता है।

अंतिम बटन काम करता है। मैं उस पर क्लिक करता हूं, मॉडल से प्रत्येक पंक्ति हटा दी जाती है (यानी ArrayList जिसमें तत्व खाली हो जाते हैं) और dataTable और footer facet दृश्य में पुनः प्रस्तुत (या अपडेट किया गया) है।

दूसरी तरफ, जब मैं पंक्तियों में से किसी एक पर क्लिक करता हूं, इसे हटाने के लिए, यह आंशिक रूप से काम करता है। इसी तत्व को मॉडल से हटा दिया गया है लेकिन दृश्य अपडेट नहीं किया गया है। वह पंक्ति अभी भी dataTable में है और footer facet नहीं बदला है।

मेरे पास users.xhtml में कोड का निम्न भाग है।

<f:metadata> 
    <f:viewParam name="id" value="#{users.id}" /> 
    <f:event type="preRenderView" listener="#{users.init}" /> 
</f:metadata> 

... 

<h:form id="usersForm"> 
    <p:outputPanel>  
     <p:dataTable id="userTable" value="#{users.user.friendList}" var="friend"> 
      <p:column> 
       <h:outputText value="#{friend.name}" /> 
      </p:column> 
      <p:column> 
       <p:commandButton action="#{users.user.removeFriend(friend)}" 
        ajax="true" 
        update="userTable somethingElse" process="@this" 
        onerror="errorDialog.show();" 
        icon="ui-icon-delete" 
        title="delete user"> 
       </p:commandButton> 
      </p:column> 

      <f:facet id="somethingElse" name="footer"> 
        aye: ${users.user.xxx} 
      </f:facet> 
     </p:dataTable> 

    </p:outputPanel> 

    <p:commandButton action="#{users.user.removeAllFriends()}" ajax="true" 
       update="userTable somethingElse" 
       process="@this" 
       icon="ui-icon-close" 
       value="delete all friends?"> 
    </p:commandButton> 


</h:form> 

तो, आपको यहां क्या समस्या है?

मैं JSF 2.0 और Primefaces उपयोग कर रहा हूँ 3.0

Answer 1

को अपने पिछले जवाब देखें। यदि आप update="@form" का उपयोग करते हैं तो यह काम करेगा। मेरे पास वास्तव में वास्तविक कारण की जांच करने का समय नहीं है ताकि मैं इसे पीएफ लोगों को रिपोर्ट कर सकूं, क्योंकि यह समस्या सभी पृष्ठों में प्रकट नहीं होती है। यहां तक ​​कि एक ही टेबल में, एक अलग बटन इरादे के रूप में काम करता है।

<p:commandButton update="@form" ... /> 

---

अद्यतन:

इसे आज़मा कर देखें इसके बारे में सोचने के लिए आ रहा है, यह हो सकता है process="@this" की उपस्थिति से संबंधित है।

Answer 2

आप शायद Primefaces 2.2.1 का उपयोग कर रहे के रूप में इस लगता है जैसे कि यह Primefaces DataTable घटक के साथ एक आम बग के कारण है। अनिवार्य रूप से क्या होता है कि डेटाटेबल के तत्वों के भीतर से होने वाले AJAX पोस्टबैक के परिणामस्वरूप डेटाटेबल में तत्वों का आंशिक पृष्ठ अपडेट नहीं होगा।

सबसे सरल कामकाज डेटा के बाहर एक बटन से पोस्टबैक का आह्वान करना है, जहां इसका एकमात्र उद्देश्य आंशिक पृष्ठ डेटा डेटा को अपडेट करने योग्य है। यह सबसे कुशल समाधान नहीं है क्योंकि इसके परिणामस्वरूप दो पोस्टबैक होते हैं, हालांकि यह काम करता है।

मैं इस समस्या को प्रपत्र पहचान हमारे वर्तमान पीएफ 3.0 पृष्ठों में से एक इस समस्या Here

Answer 3

आप घटकों को अद्यतन करने के लिए सर्वर आईडी का उपयोग करना चाहते हैं (जैसे userTable, somethingElse, ...), इन घटकों घटक है जो अद्यतन (उदाहरण के लिए अपने बटन) से चलाता है के रूप में ही नामकरण कंटेनर में होना चाहिए। अन्यथा आपको अद्यतन विशेषता के भीतर इस तरह की अभिव्यक्ति का उपयोग करने की आवश्यकता है: update=":usersForm:userTable"।

मुख्य समस्या नामकरण कंटेनरों की पहचान करना है। बाहरी बटन काम करता है, क्योंकि यह आईडी userTable के साथ तालिका के समान नामकरण कंटेनर (फॉर्म) में है।पहलू को अपडेट किया जाता है क्योंकि पूरी तालिका अपडेट हो जाती है, लेकिन चूंकि डेटाटेबल नामकरण कंटेनर है, इसलिए बाहरी बटन पर केवल update="somethingElse" का उपयोग करके पाद लेख को अपडेट करना संभव होना चाहिए।

मुझे यकीन नहीं है, आंतरिक बटन क्यों काम नहीं करता है। मुझे लगता है कि डेटाटेबल के भीतर एक और नामकरण कंटेनर है। प्राइमफेस एक INFO लॉग करता है, यदि UIComponent कार्यान्वयन के findComponent एल्गोरिदम का उपयोग करके घटक नहीं मिला। INFO: Cannot find component with identifier "userTable" in view.

Answer 4

यह JSF 2,0

<p:dataTable id="empl1" var="emp" value="#{dtEmployeeView.employee}" selectionMode="multiple" rowKey="#{emp.id}" 
           paginator="true" rows="5" tableStyleClass="ui-table-columntoggle"> 
    <p:column width="20" headerText="Id" priority="1"> 
     <h:link value="#{emp.id}" /> 
    </p:column> 
    <p:column headerText="Employee Name" priority="2"> 
     <h:outputText value="#{emp.pname}" /> 
    </p:column> 

</p:dataTable> 
<p:commandButton update="form1:empl1" ajax="true" value="Submit" action="#{empService.addEmployee(employee)}" > 
    <f:event type="preRenderView" listener="#{dtEmployeeView.init()}"/> 
</p:commandButton> 

Answer 5

मैं अपने datatable में फिल्टर था में ताज़ा करने के लिए समाधान है। तो यहां मैंने

oncomplete="PF('myWidgetVar').filter()" and update="@form"