次にシナリオです。すべてのメニュー項目を含む左側のパネルがあります。メニュー項目をクリックすると、ページを更新せずに、対応するページが中央/メイン パネルに読み込まれます。そのため、メニュー項目がクリックされたときに ajax (setupdate メソッド) を使用してページを読み込みます。
私の要件は、いくつかのメニュー項目のセットに対して同じページをロードすることです。しかし、メニュー項目の選択に基づいて、データベースからレコードを取得する必要があるため、ページ レイアウトは同じままです。しかし、すべてのメニュー項目に対して同じページが表示されます。初めて呼び出しがバッキング Bean に送信され、それ以降のクリックでは、バッキング Bean への呼び出しは行われず、同じページが提供されます。
PrimeFaces 3.4.1 と JSF 2.0 を使用しています
注: 画面を動的にロードしています。クライアント ページでは、 #{menuMB.screenName} を使用して画面を動的に読み込みます。
以下はコード スニペットです。
テンプレートページ
<f:view contentType="text/html; charset=UTF-8" encoding="UTF-8" >
<div id="outerWrapper">
<div id="contentWrapper">
<div id="leftPanel">
<div class="companylogo">
</div>
<div class="jsmenu">
<ui:insert name="leftPanel">
</ui:insert>
</div>
</div>
<div id="mainContentWrapper">
<div id="pageHeader">
<ui:insert name="pageHeader">
</ui:insert>
</div>
<div id="mainContent">
<div id="mainStyle">
<ui:insert name="mainContent">
</ui:insert>
</div>
</div>
</div>
<div class="clearFloat"></div>
</div>
<div class="clearFloat"></div>
<div id="footer">
<ui:insert name="footer">
</ui:insert>
</div>
</div>
</f:view>
クライアント XHTML
すべてのページは、mainContentForm 内にある mainOutputPanel 内にロードされます。バッキング Bean menuMB からロードする必要があるスクリーン名を取得しています。
<h:body>
<ui:composition template="/pages/protected/templates/layoutTemplate.xhtml">
<ui:define name="pageHeader">
<ui:include src="/pages/protected/templates/loginHeader.xhtml">
</ui:include>
</ui:define>
<ui:define name="leftPanel">
<h:form id="leftMainForm">
<ui:include src="/pages/protected/templates/requestfactoryleft.xhtml">
</ui:include>
</h:form>
</ui:define>
<ui:define name="mainContent" >
<h:form id="mainContentForm" enctype="multipart/formdata" prependId="true">
<h:panelGroup id="mainOutputPanel" layout="block" >
<ui:include src="#{menuMB.screenName}">
</ui:include>
</h:panelGroup>
</h:form>
</ui:define>
<ui:define name="footer">
<ui:include src="/pages/protected/templates/footer.xhtml">
</ui:include>
</ui:define>
</ui:composition>
</h:body>
左 XHTML (データベースから動的にロードされるメニューを含む)
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:c="http://java.sun.com /jsp/jstl/core">
<div class="testmenu" style="padding:7px;
border-radius: 10px 10px 10px 10px; margin-top: 7px;
background: darkgray; width: 187px;">
<div id="rfMainMenu">
<p:panelMenu id="rfleftMainMenu" model="#{menuMB.mnuModel}" >
</p:panelMenu>
</div>
</div>
</ui:composition>
バッキング Bean (メニュー項目が選択されたときにページを動的にロードするため)
@SessionScoped
@ManagedBean(name = "menuMB")
public class MenuMB implements Serializable {
@PostConstruct
public void loadMenu() {
if (getLoggedUser() != null) {
fmList = loginService.getMenuForUser(getLoggedUser());
}
//Call createMenu method to populate the sub menu and menu items
createMenu(fmList);
}
public void loadScreensForUser(ActionEvent event) {
MenuItem menuItem = (MenuItem) event.getComponent();
String attrName;
try {
if (menuItem != null) {
selectedMenuItem = menuItem.getId();
//Get the screen name from the properties file
menuUrl = RequestFactoryContextUtil.getResourceBundleString(menuItem.getId());
//Set the screen name to be displayed
setScreenName(menuUrl);
//Call update to update the form
RequestContext.getCurrentInstance().update("mainContentForm:mainOutputPanel");
}
}
catch (Exception exc) {
}
}
private void createMenu(List<FunctionMaster> fmList) {
//Submenu rfSubMenu = new Submenu();
try {
if (fmList != null) {
for (FunctionMaster sub : fmList) {
if (sub.getParentFunctionID() == 0) {
Submenu rfSubMenu = new Submenu();
rfSubMenu.setLabel(sub.getScreenDisplayName());
getMnuModel().addSubmenu(rfSubMenu);
for (FunctionMaster item : fmList) {
if (item.getParentFunctionID() != 0) {
if (item.getParentFunctionID() == sub.getFunctionID()) {
MenuItem rfSubItem = new MenuItem();
rfSubItem.setId(item.getFunctionName() + item.getFunctionID().toString());
rfSubItem.setValue(item.getScreenDisplayName());
rfSubItem.setImmediate(true);
rfSubItem.setUpdate(":mainContentForm:mainOutputPanel");
rfSubItem.setAjax(true);
rfSubItem.setRendered(true);
rfSubItem.setIcon("search");
//rfSubItem.setIcon("ui-icon-search");
ExpressionFactory factory = FacesContext.getCurrentInstance().getApplication().getExpressionFactory();
//rfSubItem.setActionExpression(factory.createMethodExpression(FacesContext.getCurrentInstance().getELContext(), #{menuMB.loadScreenFromMenu}", Void.class, new Class[]{ActionEvent.class}));
MethodExpression methodExpr = factory.createMethodExpression(FacesContext.getCurrentInstance().getELContext(), "#{menuMB.loadScreensForUser}", Void.class, new Class[]{ActionEvent.class});
MethodExpressionActionListener actionListener = new MethodExpressionActionListener(methodExpr);
rfSubItem.addActionListener(actionListener);
rfSubMenu.getChildren().add(rfSubItem);
//addMenuItem(rfSubItem);
}
}
}
//mnuModel.addSeparator(new Separator());
}
}
}
} catch (Exception ex) {
String excep = ex.getMessage();
}
}
}