📄 index.jsp
字号:
<%--
Copyright 2005 Infragistics. All Rights Reserved.
Redistribution and use in source and binary forms, with or
without modification, are permitted provided that the following
conditions are met:
- Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer.
- Redistribution in binary form must reproduce the above
copyright notice, this list of conditions and the following
disclaimer in the documentation and/or other materials
provided with the distribution.
Neither the name of Infragistics or the names of
contributors may be used to endorse or promote products derived
from this software without specific prior written permission.
This software is provided "AS IS," without a warranty of any
kind. ALL EXPRESS OR IMPLIED CONDITIONS, REPRESENTATIONS AND
WARRANTIES, INCLUDING ANY IMPLIED WARRANTY OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE OR NON-INFRINGEMENT, ARE HEREBY
EXCLUDED. INFRAGISTICS AND ITS LICENSORS SHALL NOT BE LIABLE FOR ANY
DAMAGES OR LIABILITIES SUFFERED BY LICENSEE AS A RESULT OF OR
RELATING TO USE, MODIFICATION OR DISTRIBUTION OF THIS SOFTWARE OR
ITS DERIVATIVES. IN NO EVENT WILL INFRAGISTICS OR ITS LICENSORS BE LIABLE
FOR ANY LOST REVENUE, PROFIT OR DATA, OR FOR DIRECT, INDIRECT,
SPECIAL, CONSEQUENTIAL, INCIDENTAL OR PUNITIVE DAMAGES, HOWEVER
CAUSED AND REGARDLESS OF THE THEORY OF LIABILITY, ARISING OUT OF
THE USE OF OR INABILITY TO USE THIS SOFTWARE, EVEN IF INFRAGISTICS HAS
BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
You acknowledge that this software is not designed, licensed or
intended for use in the design, construction, operation or
maintenance of any nuclear facility.
--%>
<%@ page contentType="text/html" language="java"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib prefix="ig" uri="http://www.infragistics.com/faces/netadvantage"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Infragistics NetAdvantage For Java Server Faces - Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description"
content="Infragistics NetAdvantage for Java Server Faces - Demo">
<link href="../../resources/default.css" rel="stylesheet"
type="text/css">
<style>
.customMenuStyleClass {
background-color: white;
border: 1px solid silver;
white-space: nowrap;
}
.customMenuBarStyleClass {
background-color: white;
border: 1px solid silver;
}
.customMenuBarItemStyleClass {
color: black;
}
.customMenuBarItemHoverStyleClass {
background-color: #ccffff;
}
.customItemStyleClass {
color: black;
}
.customItemHoverStyleClass {
background-color: #ccffff;
color: black;
}
.blue1 {
background-color: #00ffff;
}
.blue2 {
background-color: #0099ff;
}
.blue3 {
background-color: #0033ff;
}
.green1 {
background-color: #00ff99;
}
.green2 {
background-color: #00ff33;
}
.green3 {
background-color: #009900;
}
.magenta1 {
background-color: #ffccff;
}
.magenta2 {
background-color: #ff66ff;
}
.magenta3 {
background-color: #ff00ff;
}
.yellow1 {
background-color: #ffffcc;
}
.yellow2 {
background-color: #ffff66;
}
.yellow3 {
background-color: #ffff00;
}
</style>
</head>
<body class="rightPanel">
<f:view>
<h:form>
<h:panelGroup styleClass="main">
<%-- TITLE --%>
<h:outputText styleClass="title"
value="WebMenu - Custom Look and Feel" />
<h:panelGroup styleClass="section">
<h:outputText id="lbl"
value="Last item that was clicked on: " />
<h:outputText styleClass="title"
value="#{webmenu_common.lastItem}" />
</h:panelGroup>
<h:panelGroup styleClass="section">
<%-- =================================== INFRAGISTICS-CODE ==================================== --%>
<ig:menu id="menu1"
menuBarStyleClass="customMenuBarStyleClass"
menuBarItemStyleClass="customMenuBarItemStyleClass"
menuBarItemHoverStyleClass="customMenuBarItemHoverStyleClass"
style="background-color: white; border: 1px solid silver; white-space: nowrap"
styleClass="customMenuStyleClass"
itemStyleClass="customItemStyleClass"
itemHoverStyleClass="customItemHoverStyleClass">
<ig:menuItem value="Blue"
actionListener="#{webmenu_common.onItemClick}">
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="blue1"
value="Item 1" />
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="blue2"
value="Item 2" />
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="blue3"
value="Item 3" />
</ig:menuItem>
<ig:menuItem value="Green"
actionListener="#{webmenu_common.onItemClick}">
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="green1"
value="Item 1" />
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="green2"
value="Item 2" />
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="green3"
value="Item 3" />
</ig:menuItem>
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
value="Magenta">
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="magenta1"
value="Item 1" />
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="magenta2"
value="Item 2" />
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="magenta3"
value="Item 3" />
</ig:menuItem>
<ig:menuItem value="Yellow"
actionListener="#{webmenu_common.onItemClick}">
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="yellow1"
value="Item 1" />
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="yellow2"
value="Item 2" />
<ig:menuItem
actionListener="#{webmenu_common.onItemClick}"
styleClass="yellow3"
value="Item 3" />
</ig:menuItem>
</ig:menu>
<%-- =================================== INFRAGISTICS-CODE ==================================== --%>
</h:panelGroup>
<h:panelGroup styleClass="section">
<%-- DESCRIPTION --%>
<ig:tabView>
<ig:tabItem value="Description">
<f:verbatim escape="false">
This sample shows how to define your own custom look and feel
<br>
<b>MenuBar: </b>
<br>The MenuBar look and feel can be controlled using a nested <i><menuBarStyle></i> attribute.
<br>
<b>Menu items (nested in a menu bar): </b>
<br>The look and feel of MenuBar items can be controlled using the nested <i><menuBarItemStyle></i> and <i><menuBarItemHoverStyle></i> attributes.
<br>
<b>Menu: </b>
<br>Menu's look and feel can be controlled using a nested <i><style></i> attribute.
<br>
<b>Menu items: </b>
<br>The default and hover appearance of menu items can be controlled using the nested <i><menuItemStyle></i> and <i><menuItemHoverStyle></i> attributes.
<br>It's also possible to control the look and feel of each individual menu item using the nested <i><style></i> and <i><hoverStyle></i> attributes.
</f:verbatim>
</ig:tabItem>
<ig:tabItem value="JSP Source Code">
<h:outputText escape="false"
value="#{shared.jspSourceCode}" />
</ig:tabItem>
</ig:tabView>
</h:panelGroup>
</h:panelGroup>
</h:form>
</f:view>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -