📄 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">
</head>
<body class="rightPanel">
<f:view>
<h:form>
<h:panelGroup styleClass="main">
<%-- TITLE --%>
<h:outputText styleClass="title"
value="WebGrid - Multi Column Sorting" />
<h:panelGroup styleClass="section">
<%-- =================================== INFRAGISTICS-CODE ==================================== --%>
<ig:gridView
dataSource="#{webgrid_multicolumnSortingPage.employees}"
pageSize="10"
sortingMode="multi"
sortListener="#{webgrid_multicolumnSortingPage.sortListener}">
<ig:column sortBy="firstName" style="width:100px" >
<f:facet name="header">
<h:outputText value="First Name" />
</f:facet>
<h:outputText value="#{DATA_ROW.firstName}" />
</ig:column>
<ig:column sortBy="lastName" style="width:100px">
<f:facet name="header">
<h:outputText value="Last Name" />
</f:facet>
<h:outputText value="#{DATA_ROW.lastName}" />
</ig:column>
<ig:column sortBy="age" style="width:50px">
<f:facet name="header">
<h:outputText value="Age" />
</f:facet>
<h:outputText value="#{DATA_ROW.age}" />
</ig:column>
<ig:column sortBy="married" style="width:80px">
<f:facet name="header">
<h:outputText value="Married" />
</f:facet>
<h:outputText value="#{DATA_ROW.married}" />
</ig:column>
</ig:gridView>
<%-- =================================== INFRAGISTICS-CODE ==================================== --%>
</h:panelGroup>
<h:panelGroup styleClass="section">
<%-- DESCRIPTION --%>
<ig:tabView>
<ig:tabItem value="Description">
<f:verbatim escape="false">
This sample demonstrates how to extend the automatic
sorting with multi column sorting functionality provided by the GridView component.
<br>
To enable automatic sorting, simply set the sortBy
property of the column component.
<br>To enable multi column sorting, simply set the sortingMode
property of the gridView component to "multi".
To sort by multiple columns you have to hold Shift while clicking on the sort icon.
<br>
The GridView component automatically
displays and handles the sorting for you.
<br>
urthermore, it automatically performs
AJAX-based sorting, and refreshes only
the grid portion of the web page by leveraging our unique Smart Refresh
and Smart Databinding technology.
</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 + -