使用DisplayTag和JavaScript创建增强型的表格
Every Web developer has to tangle with tables. A new open source library, DisplayTag, can make life with tables much more organized. Find out how to combine the DisplayTag library with JavaScript to make a slick app that displays line item details.
by Stephen Strenn
isplaying data in a table is everyday work for Web application developers. In this 10-minute solution, you will learn how to quickly create feature-rich tables for your JSP pages using the DisplayTag library and a little JavaScript. Specifically, the table features that we want include:
Alternating row colors
Column sorting and formatting
Row-grouping with subtotals for selected columns
Page navigation
Export to XML, Excel, PDF, and CSV
Support for standard JSP and the Expression Language (EL)
Row interactivity—a row is highlighted as the mouse passes over it, and if the user clicks anywhere on the row, a new request is generated that includes a parameter indicating which row was clicked.
This article includes a sample application called DisplayTagEx that displays line item details for multiple orders. (View a live demo of DisplayTagEx. A screen shot can be found in Figure 1.) Line items are grouped by order and subtotals are provided for each group. Clicking anywhere on a row takes the user to a page with more complete information about the selected item.
Listings 1 and 2 contain the source for OrderDetails.jsp and displaytagex.css, respectively.
The specific environment used to develop and deploy the article's sample application was DisplayTag library v1.1, JDK 5.0, MyEclipse 4.1, and Tomcat 5.5. However, the steps described in this article apply to any JSP developer looking to add data tables to his or her web application.
http://assets.devx.com/articlefigs/15427.png
Figure 1. A Better Table: DisplayTagEx uses the DisplayTag library and a little JavaScript.
You want to quickly add feature-rich data tables to your JSP web application.
Use the o
相关文档：
在JavaScript里，字面量包括：字符串字面量，数组字面量，函数字面量和对象字面量。
1.字符串字面量
var str = "Hello World！";
&ldquo ......
W3School是一个很好的初学者学习网站。下面的是里面的内容，主要是javascript对象的API说明与使用，希望在不懂的时候可以很方便地查看到所需要的疑问。
JavaScript String 对象参考手册
http://www.w3school.com.cn/js/jsref_obj_string.asp
JavaScript Date 对象参考手册
http://www.w3school.com.cn/js/jsref_obj_dat ......
通过WMI来实现获取客户端计算机硬件及系统信息:
1//系统信息获取
2function getSysInfo(){
3 var locator = new ActiveXObject ("WbemScripting.SWbemLocator");
4 var service = locator.ConnectServer(".");
5 //CPU信息
6 var cpu = new Enumerator (service.ExecQuery("SELECT * from Win32_Processor")).item(); ......
js.js
var xmlDoc;
function cleanData(getObj)
{
if(getObj)
{
getObj.options.length = 0;
}
}
function getxmlDoc()
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
......
