使用jsf primefaces onclick時如何制作樹

Question

我想用jsf primefaces制作一棵樹。我想要的是當我擴展treenode時我想使用treeNode及其所有參數（我需要id來查詢）。因為我希望它在我擴展treenode時能工作當我單擊到treenode時，我將對數據庫進行查詢並帶來數據。這怎么可能？

// for example:

  Fider fider=new Fider();
        //i dont know how i can take selected treenode's object(fiderUtil)'s id
        fider.setId(selectedfiderId);//?
        List<Fider> fiders=fiderrepo.find(fider);
        for(Fider fider:fiders )
        TreeNode treeNode=new DefaultTreeNode(new FiderUtil(fider.name(), fider.id()),selectedTreeNode);

       return treeNode;

Answer 1

您可以使用ajax expand事件：

在您的JSF頁面中：

<p:tree id="tree" value="#{yourManagedBean.root}" var="node">
   <p:ajax event="expand" listener="#{yourManagedBean.onNodeExpand}" />
   <p:treeNode>
       <h:outputText value="#{node.label}">
   </p:treeNode>
</p:tree>

在您的托管bean中：

@ManagedBean
@ViewScoped
public class YourManagedBean {

   private TreeNode root;

   public YourManagedBean() {

   }

   @PostConstruct
   public void init() {
       root = loadTreeData(); // Fill your Tree with data
   }

   public void setRoot(TreeNode root) {
      this.root = root;
   }

   public TreeNode getRoot() {
      return root;
   }

   public void onNodeExpand(NodeExpandEvent event) {
      YourObject object = (YourObject) event.getTreeNode().getData();

      //Now make your database query 

   }

}