keyboard.jsp
来自「一个JSF的商业组件的DEMO,infragistics-netadvantag」· JSP 代码 · 共 184 行
JSP
184 行
<%--
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="WebInput - DateChooser - Keyboard" />
<h:panelGroup styleClass="section1">
<%-- =================================== INFRAGISTICS-CODE ==================================== --%>
<h:messages styleClass="errorMessage" />
<h:outputText
value="Use your keyboard with the dateChooser" style="font-weight:bold;" />
<ig:dateChooser style="margin-top:10px;"/>
<%-- =================================== INFRAGISTICS-CODE ==================================== --%>
</h:panelGroup>
<h:panelGroup styleClass="section">
<%-- DESCRIPTION --%>
<ig:tabView>
<ig:tabItem value="Description">
<f:verbatim escape="false">
<br>This sample shows how to control the dateChooser via the keyboard.
<br>Move to the dateChooser using the tabulation key or the mouse.
<br>
<br>
<br>
<br>
<table class="grid">
<thead>
<tr class="header">
<td
style="border: 1px solid black;">Key</td>
<td
style="border: 1px solid black;">Description</td>
</tr>
</thead>
<tr>
<td class="name">Tab</td>
<td>Allows to navigate to the next
element</td>
</tr>
<tr>
<td class="name">Shift + Tab</td>
<td>Allows to navigate to the
previous element</td>
</tr>
<tr>
<td class="name">Left arrow (popup
open and a date is already selected)</td>
<td>Navigate to the previous date</td>
</tr>
<tr>
<td class="name">Up arrow (inside
the dateChooser input text)</td>
<td>Select the next day (if the text
box contains a valid date)</td>
</tr>
<tr>
<td class="name">Up arrow (inside
the 'month' select-box)</td>
<td>Navigate to the previous month</td>
</tr>
<tr>
<td class="name">Up arrow (inside
the 'year' select-box)</td>
<td>Navigate to the next year</td>
</tr>
<tr>
<td class="name">Up arrow (popup
open and a date is already selected)</td>
<td>Navigate to the previous week</td>
</tr>
<tr>
<td class="name">Right arrow (popup
open and a date is already selected)</td>
<td>Navigate to the next date</td>
</tr>
<tr>
<td class="name">Down arrow (inside
the dateChooser input text)</td>
<td>Select the previous day (if the
text box contains a valid date)</td>
</tr>
<tr>
<td class="name">Down arrow (inside
the 'month' select-box)</td>
<td>Navigate to the next month</td>
</tr>
<tr>
<td class="name">Down arrow (inside
the 'year' select-box)</td>
<td>Navigate to the previous year</td>
</tr>
<tr>
<td class="name">Down arrow (popup
open and a date is already selected)</td>
<td>Navigate to the next week</td>
</tr>
<tr>
<td class="name">Enter - Return
(popup open and a date is already
selected)</td>
<td>Select the date and closes the
popup</td>
</tr>
<tr>
<td class="name">Esc (popup open)</td>
<td>Closes the popup</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</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 + =
减小字号Ctrl + -
显示快捷键?