最初の形式では、primefacesの複数選択ツリー(LDAPから入力)を使用し、別の形式では、selectOneMenuprimefacesコンポーネントを使用します。デフォルトのselectOneMenu値(このメニューに最初に表示される値)を、ツリーで選択されたノードの値にします。f:ajaxを使用しようとしましたが、これらの要素が同じフォームに属していないため機能しません(render属性のselectOneMenu名が不明でした。)
これらすべての要素を含む私のindex.xhtmlは次のとおりです。
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
<script src="JS/general.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="CSS/general.css" />
<script src="clean/clean-ajax-all.js"></script>
<script>
var crudmenu = "crudmenu";
var adduserform = "adduserform";
</script>
</h:head>
<body>
<h:form id="form">
<p:growl id="messages" showDetail="true" escape="false" />
<p:tree value="#{treeBean.root}" var="node"
onNodeClick="this.form.submit();" selectionMode="multiple"
selection="#{treeBean.selectedNodes}" id="treeMultiple">
<p:treeNode>
<h:outputText value="#{node}" />
</p:treeNode>
</p:tree>
<p:commandButton value="Display Selected" update="messages"
actionListener="#{treeBean.displaySelectedMultiple}" id="btnDisplay" rendered="false"/>
</h:form>
<div id="adduserform" name="adduserform"
style="text-align: center; overflow: hidden; height: 0px; width: 270px; border: #040600 1px;">
<h:form>
<h:panelGrid border="1" columns="2">
ID : <p:selectOneMenu value="" panelStyle="width:150px"
effect="fade" var="p" style="width:160px" filter="true"
filterMatchMode="startsWith">
<f:selectItem itemLabel="#{treeBean.selectedNodeValue}"
itemValue="" />
</p:selectOneMenu>
objectClass : <p:selectOneMenu value="" panelStyle="width:150px"
effect="fade" var="p" style="width:160px" filter="true"
filterMatchMode="startsWith">
<f:selectItem itemLabel="Select One" itemValue="" />
</p:selectOneMenu>
</h:panelGrid>
</h:form>
</div>
</body>
</html>
これが私の管理対象Beanです:
package org.primefaces.examples.view;
import java.io.Serializable;
import javax.faces.application.FacesMessage;
//other imports..
@ManagedBean(name = "treeBean")
public class TreeBean implements Serializable {
private TreeNode root;
private TreeNode[] selectedNodes;
private String selectedNodeValue;
public TreeBean() {
populateTreeFromLdap();
}
public String getSelectedNodeValue() {
if (selectedNodes != null && selectedNodes.length == 1)
for (TreeNode node : selectedNodes)
selectedNodeValue = node.getData().toString();
return selectedNodeValue;
}
public void setSelectedNodeValue(String selectedNodeValue) {
this.selectedNodeValue = selectedNodeValue;
}
public void populateTreeFromLdap(){
//code to get entries from LDAP..
}
}
public TreeNode getRoot() {
return root;
}
public TreeNode[] getSelectedNodes() {
return selectedNodes;
}
public void setSelectedNodes(TreeNode[] selectedNodes) {
this.selectedNodes = selectedNodes;
}
public void displaySelectedMultiple(ActionEvent event) {
if (selectedNodes != null && selectedNodes.length > 0) {
StringBuilder builder = new StringBuilder();
for (TreeNode node : selectedNodes) {
builder.append(node.getData().toString());
builder.append("<br />");
}
FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO,
"Selected", builder.toString());
FacesContext.getCurrentInstance().addMessage(null, message);
}
}
}
問題は、ツリーノードの選択が行われた後にselectOneMenuのitemLabelの「#{treeBean.selectedNodeValue}」を更新する方法です。
ちなみに、jsfの新しいimとimは、別のページからdivのコンテンツをロードするために従来のajaxを使用していたが、jsfでは機能しなくなったことに本当に腹を立てています。
助けのためのthnx!!