SelectOneMenu cập nhật các SelectOneMenu khác

Question

Tôi muốn cập nhật SelectOneMenu thứ hai khi tôi chọn bất kỳ mục nào của SelectOnMenu đầu tiên. Như bây giờ, tôi nhận được các giá trị cho SelectOneMenus từ một ManagedBean. Tôi đoán tôi đã sử dụng AJAX (jquery) để gửi các tham số cho ManagedBean.

<h:form> 
    <div class="center"> 
     <h:panelGrid id="editTable" columns="2" styleClass="center"> 
      ... 
      <h:outputText value="#{msg.timetable_list_category}" /> 
      <h:selectOneMenu class="category"> 
       <f:selectItems value="#{categoryBackingBean.categorys}" var="c" 
        itemLabel="#{c.category_Name}" itemValue="#{c.id}" /> 
      </h:selectOneMenu> 

       <h:outputText value="#{msg.timetable_list_seminarblock}" /> 
      <h:selectOneMenu class="seminarblock"> 
       <f:selectItems value="#{seminarblockBackingBean.seminarblocks}" var="s" 
        itemLabel="#{s.seminarblock_Name}" itemValue="#{s.seminarblock_Id}" /> 
      </h:selectOneMenu> 
      ... 
     </h:panelGrid> 
     ... 
    </div> 
</h:form> 

Answer 1

Trên thực tế bạn có thể sử dụng một ValueChangeListener được viện dẫn khi giá trị của những thay đổi selectOneMenu của bạn:

<h:selectOneMenu class="category" valueChangeListener="#{yourBean.selectOneMenuListener}"> 
    <f:selectItems value="#{categoryBackingBean.categorys}" var="c" 
     itemLabel="#{c.category_Name}" itemValue="#{c.id}" /> 
</h:selectOneMenu> 

Sau đó, trong đậu của bạn, bạn có phương pháp này:

public void selectOneMenuListener(ValueChangeEvent event) { 
    //This will return you the newly selected 
    //value as an object. You'll have to cast it. 
    Object newValue = event.getNewValue(); 
    //The rest of your processing logic goes here... 
} 

Để cập nhật các trang web mà bạn có thể thêm onchange="submit()" vào số <h:selectOneMenu/> của bạn. Đối với một số vẽ một phần, bạn có thể thử thêm này <f:ajax/> thay vì onchange="submit()":

<h:selectOneMenu class="category" valueChangeListener="#{yourBean.selectOneMenuListener}"> 
    <f:selectItems value="#{categoryBackingBean.categorys}" var="c" 
     itemLabel="#{c.category_Name}" itemValue="#{c.id}" /> 
    <f:ajax event="change" execute="@form" render="theIdOfTheComponentYouWantToReRender"/> 
</h:selectOneMenu> 

Nếu tôi không nhầm bạn sẽ muốn nhận được id của phần tử được lựa chọn trong menu đầu tiên và cư trú trong một giây theo nó. Sau đó, bạn có thể hiển thị selectOneMenu khác hoặc, nếu cần, một bảng bao gồm một phần của biểu mẫu của bạn.

Answer 2

Primefaces có tính năng tuyệt vời của những gì bạn đang cố gắng đạt được. Nó đã sử dụng Ajax, vì vậy đừng lo lắng về việc viết mã cho bản thân bạn.