GT-Grid 这个列表组件我就不介绍了，相信朋友们都知道！在最近的两个项目里，后台都用到了GT-Grid，唯一觉得麻烦的就是jsp页面中要写很多js的配置，因此对其进行了封装，优化最后和大家分享我这个团队的结果！
封装的思路： 使用标签 标签在解析时在页面中打印响应的配置js
以下是标签代码：
GtColumnTag.java
package com.jframe.tag;
/**
* Title:自定列表列标签
* Description:
* Copyright: Copyright (c) 2009-2011
* @author:jframe lixiaojie wangjun
* @version 1.0
*/
import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.BodyContent;
import javax.servlet.jsp.tagext.BodyTagSupport;
import javax.servlet.jsp.tagext.DynamicAttributes;
import javax.servlet.jsp.tagext.Tag;
public class GtColumnTag extends BodyTagSupport implements DynamicAttributes
{
private static final long serialVersionUID = 2852493162447418830L;
private String name; //数据集唯一标示 必填1
private String type; //数据类型 date int float string 默认是string
private String index; //字段对应的"record的属性名". 根据index,GT-Grid就可以知道这一列 对应的时record哪个属性的值.
private String initValue; //调用gt函数产生新的数据集 值例如：function(record){return record['english'] + record['math'];}}
private String id; //每个列表组件都有一个id 该id在页面内唯一
private String header; //列显示名称 必填2
private String fieldName; //对应数据库字段
private String minWidth; //列最小宽度
private String width; //宽
private String align; //对其方式
private String sortable; //是否排序 ，只能设置一个列 ，true/false
private String sortOrder; //排序规则asc desc
private String hidden; //列是否被隐藏
private String printable; //列是否能打印
private String renderer; //调用gt的方法返回值 方法： function(value ,record,columnObj,grid,colNo,rowNo){return '<a href=".?no='+record['no']+'" >'+ record['name'] +' 的详细信息</a>';}}
//例2： GT.Grid.mappingRenderer( {'U': '未知' , 'M':'男', 'F':'女'} , '未知' )
private String isCheckColumn;//是否是checkbox显示 必须设置GTTable属性selectRowByCheck : true， checkbox 名字是： gt_grid1_chk_no 规律 gt不变 grid1 是列表id chk不变 no 是列名
private String isCheckbox; //自定义checkbox
private String dateFormat; //日期格式化
private String editType;
private String options;
private String validRule;
private String validatorFunction;
private String[] mappingArray;
@Override
public int doStartTag() throws JspException
{
if(this.index==null)
{
this.index=this.name;
}
if(this.id==null)
{
this.id=this.name;
}
if(this.fieldName!=null)
{
this.name=this.fieldName;
}
return EVAL_BODY_INCLUDE;
}
@Override
public void doInitBody() throws JspException
{
// TODO Auto-generated method stub
super.doInitBody();
}
@Override
public void setBodyContent(BodyContent b)
{
// TODO Auto-generated method stub
super.setBodyContent(b);
}
@Override
public int doAfterBody() throws JspException
{
// TODO Auto-generated method stub
return super.doAfterBody();
}
@Override
public int doEndTag() throws JspException
{
try
{
StringBuffer columnDataStr=new StringBuffer();
StringBuffer columnConfigStr=new StringBuffer();
GtTag tableTag=(GtTag)this.getParent();
columnDataStr.append("{name:").append("'").append(name).append("'");
if(type!=null)
{
columnDataStr.append(",type:").append("'").append(type).append("'");
}
columnDataStr.append(",index:").append("'").append(index).append("'");
if(initValue!=null)
{
columnDataStr.append(",initValue:").append(initValue);
}
if("true".equals(this.isCheckbox))
{
columnDataStr.append(",initValue:").append("function(record){return '<input name=\\'id-checkbox\\' type=checkbox value=\\''+record['"+index+"']+'\\'>'} ");
this.width="35";
sortable="false";
}
columnDataStr.append("}");
columnConfigStr.append("{id:").append("'").append(id).append("'");
if("true".equals(this.isCheckbox))
{
columnConfigStr.append(",header:").append("'").append("<input id=selectAllCheckbox type=checkbox onclick=selectAllCheckbox(this)>").append("'");
columnConfigStr.append(",title:").append("'全选'");
}
else
{
columnConfigStr.append(",header:").append("'").append(header).append("'");
}
if(fieldName!=null)
{
columnConfigStr.append(",fieldName:").append("'").append(fieldName).append("'");
}
if(minWidth!=null)
{
columnConfigStr.append(",minWidth:").append("'").append(minWidth).append("'");
}
if(width!=null)
{
columnConfigStr.append(",width:").append("'").append(width).append("'");
}
if(align!=null)
{
columnConfigStr.append(",align:").append("'").append(align).append("'");
}
if(sortable!=null)
{
columnConfigStr.append(",sortable:").append(sortable);
}
if(sortOrder!=null)
{
columnConfigStr.append(",sortOrder:").append("'").append(sortOrder).append("'");
}
if(hidden!=null)
{
columnConfigStr.append(",hidden:").append(hidden);
}
if(printable!=null)
{
columnConfigStr.append(",printable:").append(printable);
}
if(dateFormat!=null)
{
renderer=null;
columnConfigStr.append(",renderer : function(value ,record,columnObj,grid,colNo,rowNo){return dateformat(value,'").append(dateFormat).append("');}");
tableTag.getJsCode().append("Date.prototype.pattern=function(fmt){var o={\"M+\":this.getMonth()+1,\"d+\":this.getDate(),\"h+\":this.getHours()%12==0?12:this.getHours()%12,\"H+\":this.getHours(),\"m+\":this.getMinutes(),\"s+\":this.getSeconds(),\"q+\":Math.floor((this.getMonth()+3)/3),\"S\":this.getMilliseconds()};var week={\"0\":\"\u65e5\",\"1\":\"\u4e00\",\"2\":\"\u4e8c\",\"3\":\"\u4e09\",\"4\":\"\u56db\",\"5\":\"\u4e94\",\"6\":\"\u516d\"};if(/(y+)/.test(fmt)){fmt=fmt.replace(RegExp.$1,(this.getFullYear()+\"\").substr(4-RegExp.$1.length));}if(/(E+)/.test(fmt)){fmt=fmt.replace(RegExp.$1,((RegExp.$1.length>1)?(RegExp.$1.length>2?\"\u661f\u671f\":\"\u5468\"):\"\")+week[this.getDay()+\"\"]);}for(var k in o){if(new RegExp(\"(\"+k+\")\").test(fmt)){fmt=fmt.replace(RegExp.$1,(RegExp.$1.length==1)?(o[k]):((\"00\"+o[k]).substr((\"\"+o[k]).length)));}}return fmt;}; ");
tableTag.getJsCode().append("function dateformat(value,formatStr){if(value==null||value==''){return'';}var d=new Date();d.setYear(Number(value.substring(0,4)));d.setMonth(Number(value.substring(5,7)-1));d.setDate(Number(value.substring(8,10)));d.setHours(Number(value.substring(11,13)));d.setMinutes(Number(value.substring(14,16)));d.setSeconds(Number(value.substring(17,19)));return d.pattern(formatStr);}");
}
if(mappingArray!=null&&mappingArray.length>0)
{
renderer=null;
columnConfigStr.append(",renderer : GT.Grid.mappingRenderer( {");
StringBuffer str=new StringBuffer();
for(int i=0;i<mappingArray.length;i++)
{
str.append("'").append(i).append("':'").append(mappingArray[i]).append("',");
}
String tempStr=str.toString();
columnConfigStr.append(tempStr.substring(0, tempStr.length()-1));
columnConfigStr.append("} , '未知' ) ");
}
if(renderer!=null)
{
columnConfigStr.append(",renderer:").append(renderer);
}
if(isCheckColumn!=null)
{
columnConfigStr.append(",isCheckColumn:").append(isCheckColumn);
}
if(this.editType!=null)
{
columnConfigStr.append(",editor:{type:'" ).append(this.editType).append("'");
if(this.validRule!=null)
{
columnConfigStr.append(",validRule :'").append(this.validRule).append("'");
}
if(this.validatorFunction!=null)
{
columnConfigStr.append(",validator : function(value,record,colObj,grid){ return ").append(this.validatorFunction).append("(value,record,colObj,grid);}");
}
columnConfigStr.append("}");
}
columnConfigStr.append("}");
tableTag.getDataStr().append(columnDataStr).append(",");
tableTag.getConfigStr().append(columnConfigStr).append(",");
if("true".equals(this.isCheckbox))
{
tableTag.getJsCode().append("function selectAllCheckbox(arg){var chks=document.getElementsByName('id-checkbox');");
tableTag.getJsCode().append("if(arg.checked){for(var i=0;i<chks.length;i++){chks[i].checked=true;}}else{for(var ");
tableTag.getJsCode().append("i=0;i<chks.length;i++){chks[i].checked=false;}}}");
}
this.clear();
}
catch (Exception e)
{
e.printStackTrace();
}
return super.doEndTag();
}
public void setDynamicAttribute(String arg0, String arg1, Object arg2)
throws JspException
{
}
@Override
public Tag getParent()
{
return super.getParent();
}
@Override
public void setParent(Tag t)
{
super.setParent(t);
}
public void clear()
{
name =null;
type=null;
index=null;
initValue=null;
id =null;
header=null;
fieldName=null;
minWidth=null;
width=null;
align=null;
sortable=null;
sortOrder=null;
hidden =null;
printable=null;
renderer=null;
isCheckColumn=null;
isCheckbox=null;
dateFormat=null;
editType=null;
options=null;
validRule=null;
validatorFunction=null;
mappingArray=null;
}
//get 、set 方法
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getType() {
return type;
}
public void setType(String type) {
this.type = type;
}
public String getIndex() {
return index;
}
public void setIndex(String index) {
this.index = index;
}
public String getInitValue() {
return initValue;
}
public void setInitValue(String initValue) {
this.initValue = initValue;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getHeader() {
return header;
}
public void setHeader(String header) {
this.header = header;
}
public String getFieldName() {
return fieldName;
}
public void setFieldName(String fieldName) {
this.fieldName = fieldName;
}
public String getMinWidth() {
return minWidth;
}
public void setMinWidth(String minWidth) {
this.minWidth = minWidth;
}
public String getWidth() {
return width;
}
public void setWidth(String width) {
this.width = width;
}
public String getAlign() {
return align;
}
public void setAlign(String align) {
this.align = align;
}
public String getSortable() {
return sortable;
}
public void setSortable(String sortable) {
this.sortable = sortable;
}
public String getSortOrder() {
return sortOrder;
}
public void setSortOrder(String sortOrder) {
this.sortOrder = sortOrder;
}
public String getHidden() {
return hidden;
}
public void setHidden(String hidden) {
this.hidden = hidden;
}
public String getPrintable() {
return printable;
}
public void setPrintable(String printable) {
this.printable = printable;
}
public String getRenderer() {
return renderer;
}
public void setRenderer(String renderer) {
this.renderer = renderer;
}
public String getIsCheckColumn() {
return isCheckColumn;
}
public void setIsCheckColumn(String isCheckColumn) {
this.isCheckColumn = isCheckColumn;
}
public String getIsCheckbox() {
return isCheckbox;
}
public void setIsCheckbox(String isCheckbox) {
this.isCheckbox = isCheckbox;
}
public String getEditType() {
return editType;
}
public void setEditType(String editType) {
this.editType = editType;
}
public String getOptions() {
return options;
}
public void setOptions(String options) {
this.options = options;
}
public String getValidRule() {
return validRule;
}
public void setValidRule(String validRule) {
this.validRule = validRule;
}
public String getValidatorFunction() {
return validatorFunction;
}
public void setValidatorFunction(String validatorFunction) {
this.validatorFunction = validatorFunction;
}
public String getDateFormat() {
return dateFormat;
}
public void setDateFormat(String dateFormat) {
this.dateFormat = dateFormat;
}
public String[] getMappingArray() {
return mappingArray;
}
public void setMappingArray(String[] mappingArray) {
this.mappingArray = mappingArray;
}
}
GtTag.java
package com.jframe.tag;
/**
* Title:自定义列表标签
* Description:
* Copyright: Copyright (c) 2009-2011
* @author:li xiao jie
* @version 1.0
*/
import java.io.IOException;
import javax.servlet.jsp.JspException;
import javax.servlet.jsp.JspWriter;
import javax.servlet.jsp.tagext.BodyContent;
import javax.servlet.jsp.tagext.BodyTagSupport;
import javax.servlet.jsp.tagext.DynamicAttributes;
import org.apache.log4j.Logger;
public class GtTag extends BodyTagSupport implements DynamicAttributes
{
private static final long serialVersionUID = -4866840081048266381L;
private StringBuffer outStr=null; //最终返回页面结果
private StringBuffer dataStr=null; //从子标签中获得数据集定义
private StringBuffer configStr=null; //从子标签中获得列定义信息
private String id; //列表对象唯一id
private String dataset ; //数据集描述
private String columns ; //描述
private String container ; //显示位置
private String toolbarPosition ; //工具栏的位置. 可选值:top bottom null
private String toolbarContent ; //具栏上要显示的东西 如 nav | goto | pagesize | state | reload | print
private String pageSize ; //每页记录数
private String pageSizeList ; //可选每页记录数 如 5,10,15,20
private String loadURL ; //调用的action地址
private String remotePaging ; //true ：后台翻页 false ：前台翻页
private String remoteSort ; //true ：数据库排序 false ：页面排序
private String autoLoad ; //true ：加载数据 false ：第一次显示不加载数据 用于条件查询
private String selectRowByCheck; //通过checkBox列 来选择行. true false
private String width;
private String height;
private StringBuffer jsCode=new StringBuffer(); //扩展使用的js
private String beforeSaveFunction; //保存前执行的js
private String saveURL;
private Logger log = Logger.getLogger(this.getClass());
@Override
public int doStartTag() throws JspException
{
//初始化数据
outStr=new StringBuffer("<script type=\"text/javascript\" >");
dataStr=new StringBuffer(" var dsConfig= {fields :[");
configStr=new StringBuffer(" var colsConfig = [");
if(id==null)
{
id="grid1";
}
if(dataset==null)
{
dataset="dsConfig";
}
if(columns==null)
{
columns="colsConfig";
}
if(toolbarPosition==null)
{
toolbarPosition="bottom";
}
if(toolbarContent==null)
{
toolbarContent="nav | goto | pagesize | reload | print | state";
}
if(pageSize==null)
{
pageSize="10";
}
if(pageSizeList==null)
{
pageSizeList="5,10,15,20";
}
if(remotePaging==null)
{
remotePaging="true";
}
if(remoteSort==null)
{
remoteSort="false";
}
if(autoLoad==null)
{
autoLoad="true";
}
if(selectRowByCheck==null)
{
selectRowByCheck="false";
}
if(width==null)
{
width="100%";
}
if(height==null)
{
height="100%";
}
return EVAL_BODY_INCLUDE;
}
@Override
public void doInitBody() throws JspException
{
// TODO Auto-generated method stub
super.doInitBody();
}
@Override
public void setBodyContent(BodyContent b)
{
// TODO Auto-generated method stub
super.setBodyContent(b);
}
@Override
public int doAfterBody() throws JspException
{
// TODO Auto-generated method stub
return super.doAfterBody();
}
@Override
public int doEndTag() throws JspException
{
try
{
dataStr.replace(dataStr.lastIndexOf(","), dataStr.length(), " ]}; ");
configStr.replace(configStr.lastIndexOf(","), configStr.length(), " ]; ");
JspWriter out = pageContext.getOut();
outStr.append(dataStr);
outStr.append(configStr);
outStr.append("var gridConfig={");
outStr.append("id : ").append("\"").append(id).append("\",");
outStr.append("dataset : ").append(dataset).append(",");
outStr.append("columns : ").append(columns).append(",");
outStr.append("container : ").append("'").append(container).append("',");
outStr.append("toolbarPosition : ").append("'").append(toolbarPosition).append("',");
outStr.append("toolbarContent : ").append("'").append(toolbarContent).append("',");
outStr.append("pageSize : ").append(pageSize).append(",");
outStr.append("pageSizeList : ").append("[").append(pageSizeList).append("],");
outStr.append("loadURL : ").append("'").append(loadURL).append("',");
outStr.append("remotePaging : ").append(remotePaging).append(",");
outStr.append("remoteSort : ").append(remoteSort).append(",");
outStr.append("autoLoad : ").append(autoLoad).append(",");
outStr.append("selectRowByCheck : ").append(selectRowByCheck).append(",");
outStr.append("width : ").append("'").append(width).append("',");
outStr.append("height : ").append("'").append(height).append("'");
if(beforeSaveFunction!=null)
{
outStr.append(",beforeSave : function(reqParam){return ").append(this.beforeSaveFunction).append("(reqParam);}");
}
if(this.saveURL!=null)
{
outStr.append(",saveURL : '").append(this.saveURL).append("'");
outStr.append(",afterSave:function(arg1,arg2,arg3){if(arg2){alert(\"操作成功!\");}else{this.saveSuccess();}}");
}
outStr.append(" };");
outStr.append("var mygrid=new GT.Grid( gridConfig );");
outStr.append(" GT.Utils.onLoad( function(){mygrid.render();} ); ");
outStr.append(this.jsCode);
outStr.append("</script>");
out.write(outStr.toString());
this.clear();
log.info(outStr.toString());
} catch (Exception e) {
e.printStackTrace();
}
return super.doEndTag();
}
public void setDynamicAttribute(String arg0, String arg1, Object arg2)
throws JspException
{
}
public void clear()
{
id=null;
dataset =null;
columns =null;
container =null;
toolbarPosition =null;
toolbarContent =null;
pageSize =null;
pageSizeList =null;
loadURL =null;
remotePaging =null;
remoteSort =null;
autoLoad =null;
selectRowByCheck=null;
width=null;
height=null;
jsCode=new StringBuffer();
this.beforeSaveFunction=null;
this.saveURL=null;
}
public String getId() {
return id;
}
public void setId(String id) {
this.id = id;
}
public String getDataset() {
return dataset;
}
public void setDataset(String dataset) {
this.dataset = dataset;
}
public String getColumns() {
return columns;
}
public void setColumns(String columns) {
this.columns = columns;
}
public String getContainer() {
return container;
}
public void setContainer(String container) {
this.container = container;
}
public String getToolbarPosition() {
return toolbarPosition;
}
public void setToolbarPosition(String toolbarPosition) {
this.toolbarPosition = toolbarPosition;
}
public String getToolbarContent() {
return toolbarContent;
}
public void setToolbarContent(String toolbarContent) {
this.toolbarContent = toolbarContent;
}
public String getPageSize() {
return pageSize;
}
public void setPageSize(String pageSize) {
this.pageSize = pageSize;
}
public String getPageSizeList() {
return pageSizeList;
}
public void setPageSizeList(String pageSizeList) {
this.pageSizeList = pageSizeList;
}
public String getLoadURL() {
return loadURL;
}
public void setLoadURL(String loadURL) {
this.loadURL = loadURL;
}
public String getRemotePaging() {
return remotePaging;
}
public void setRemotePaging(String remotePaging) {
this.remotePaging = remotePaging;
}
public String getRemoteSort() {
return remoteSort;
}
public void setRemoteSort(String remoteSort) {
this.remoteSort = remoteSort;
}
public String getAutoLoad() {
return autoLoad;
}
public void setAutoLoad(String autoLoad) {
this.autoLoad = autoLoad;
}
public StringBuffer getDataStr() {
return dataStr;
}
public void setDataStr(StringBuffer dataStr) {
this.dataStr = dataStr;
}
public StringBuffer getConfigStr() {
return configStr;
}
public void setConfigStr(StringBuffer configStr) {
this.configStr = configStr;
}
public String getSelectRowByCheck() {
return selectRowByCheck;
}
public void setSelectRowByCheck(String selectRowByCheck) {
this.selectRowByCheck = selectRowByCheck;
}
public String getWidth() {
return width;
}
public void setWidth(String width) {
this.width = width;
}
public String getHeight() {
return height;
}
public void setHeight(String height) {
this.height = height;
}
public StringBuffer getJsCode() {
return jsCode;
}
public void setJsCode(StringBuffer jsCode) {
this.jsCode = jsCode;
}
public String getBeforeSaveFunction() {
return beforeSaveFunction;
}
public void setBeforeSaveFunction(String beforeSaveFunction) {
this.beforeSaveFunction = beforeSaveFunction;
}
public String getSaveURL() {
return saveURL;
}
public void setSaveURL(String saveURL) {
this.saveURL = saveURL;
}
}
这两段代码相信大家也都明白了吧！
接着便是在web-inf下的tld文件了 文件名:gt-tag.tld
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<taglib xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.0" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd">
<description><![CDATA["Gt-Grid Tag "]]></description>
<display-name>"GT Tags"</display-name>
<tlib-version>1.0</tlib-version>
<short-name>s</short-name>
<uri>/gt-tags</uri>
<tag>
<description><![CDATA[GT-Grid Configs ]]></description>
<name>table</name>
<tag-class>com.jframe.tag.GtTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description><![CDATA[]]></description>
<name>id</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>dataset</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>columns</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>container</name>
<required>true</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>toolbarPosition</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>toolbarContent</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>pageSize</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>pageSizeList</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>loadURL</name>
<required>true</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>remotePaging</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>remoteSort</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>autoLoad</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>selectRowByCheck</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>width</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>height</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>beforeSaveFunction</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>saveURL</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<dynamic-attributes>true</dynamic-attributes>
</tag>
<tag>
<description><![CDATA[GT-Grid Column ]]></description>
<name>column</name>
<tag-class>com.jframe.tag.GtColumnTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<description><![CDATA[]]></description>
<name>name</name>
<required>true</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>type</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>index</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>initValue</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>id</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>header</name>
<required>true</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>fieldName</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>minWidth</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>width</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>align</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>sortable</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>sortOrder</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>hidden</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>printable</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>renderer</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>isCheckColumn</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>isCheckbox</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>dateFormat</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>editType</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>options</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>validRule</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>validatorFunction</name>
<required>false</required>
<rtexprvalue>false</rtexprvalue>
</attribute>
<attribute>
<description><![CDATA[]]></description>
<name>mappingArray</name>
<required>false</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<dynamic-attributes>true</dynamic-attributes>
</tag>
</taglib>
到这里基本上就都完了 然后就是jsp页面的使用
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="/gt-tags" prefix="t"%>
<%@ include file="/common/head.jsp" %>
<%@ page import="com.jframe.yxl.common.Contants" %>
<html>
<head>
<script type="text/javascript" src="<%=path%>/common/js/manager/newslist.js"></script>
</head>
<body>
<table width="100%" align="center" border="0" cellpadding="3" cellspacing="1" bgcolor="#CBD8AC" style="margin-bottom:8px;margin-top:8px;">
<tr>
<td background="<%=path %>/common/image/manager/hd_row_bg.gif" align="center" style="font-size:14px;color:#666600;font-weight:bold;">
新 闻 管 理</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>
<a href="toAddNews.do" class="manager" title="添加一个新闻">新闻发布</a>
<a class="manager" title="现在就在这里">新闻列表</a>
<a href="#" onclick="newsManager(0)" class="manager" title="关闭选中新闻项的留言功能">留言屏蔽</a>
<a href="#" onclick="newsManager(1)" class="manager" title="开启选中新闻项的留言功能">留言启用</a>
<a href="#" onclick="deleteAll()" class="manager" >删除选中</a>
</td>
</tr>
</table>
<form name="queryForm">
<div class="gt-panel" style="width:100%;" >
<div class="gt-panel-head"><span>新闻检索</span></div>
<div class="gt-panel-body">
<table width="100%" class="mtable">
<tr>
<td width="20%" align="right">新闻类型:</td>
<td width="30%">
<select name="newsType" id=newsType>
<option value="">--请选择--</option>
<s:iterator id="type" value="%{#request.newsType}">
<option value="${type.newsTypeUuid}">${type.newsTypeName }</option>
</s:iterator>
</select>
</td>
<td width="20%" align="right">标题:</td>
<td width="30%"><input size="30" id="newstitle"></td>
</tr>
<tr>
<td width="20%" align="right">发布人名称:</td>
<td width="30%"><input size="30" id="createnewsusername"> </td>
<td width="20%" align="right">关键字:</td>
<td width="30%"><input size="30" title="多个关键字请用空格隔开" id="newskeys"></td>
</tr>
<tr>
<td width="20%" align="right">发布日期:</td>
<td width="30%">起:<input size="10" title="开始日期" readonly id="qtime">--止:<input size="10" readonly title="结束" id="ztime"></td>
<td width="20%" align="right">链接地址</td>
<td width="30%"><input size="30" id="newurl">
</td>
</tr>
<tr>
<td colspan="2" align="right"><input type="button" class="gt-input-button" value="查询" onClick="query()" /></td>
<td colspan="2"><input type="reset" class="gt-input-button" value="重置" /></td>
</tr>
</table>
</div>
</div>
</form>
<div id="grid1_container"></div>
<t:table container="grid1_container" loadURL="newsList.do" selectRowByCheck="true" >
<t:column name="newsUuid" header="编号" type="string" fieldName="newsUuid" isCheckColumn="true"></t:column>
<t:column name="newsTitle" header="标题" fieldName="newsTitle"></t:column>
<t:column name="newsCreateUserName" header="发布人" fieldName="newsCreateUserName"></t:column>
<t:column name="newsCreateDate" type="date" dateFormat="yyyy-MM-dd HH:mm" header="发布时间" fieldName="newsCreateDate"></t:column>
<t:column name="newsRequestCount" header="访问数" fieldName="newsRequestCount"></t:column>
<t:column name="newsSurportCount" header="支持数" fieldName="newsSurportCount"></t:column>
<t:column name="newsAgainstCount" header="反对数" fieldName="newsAgainstCount"></t:column>
<t:column name="newsMessageEnable" renderer="GT.Grid.mappingRenderer( {'0': '不启用' , '1':'启用'},'未知' )" header="是否启用留言屏蔽" fieldName="newsMessageEnable"></t:column>
<t:column name="newsManager" fieldName="newsManager" header="操作" sortable="false"></t:column>
</t:table>
<div id="infoDiv" style=" display:none;position:absolute; z-index:5; top:20px; left:20px; border:solid 4px #CCCCCC; background-color:#E6FFF3; height:600px; width:800px; overflow-y:auto;">
<table width="100%" border="0" class="mtable">
<tr background="<%=path %>/common/image/manager/hd_row_bg.gif">
<td align="center" style="font-size:14px;color:#666666;font-weight:bold;" colspan="4">新闻信息详情 <a href="#" onclick="javascript:$('#infoDiv').hide(500),$('#newsType').show();">关闭</a></td>
</tr>
<tr>
<td width="20%" align="right">标题：</td>
<td width="30%"> <label id="lnewsTitle"></label> </td>
<td width="20%" align="right">所属类型：</td>
<td width="30%"><label id="lnewsType"></label></td>
</tr>
<tr>
<td align="right">来源：</td>
<td colspan="3"><label id="lnewsSource"></label></td>
</tr>
<tr>
<td align="right">内容摘要：</td>
<td colspan="3"><label id="lnewsContantZy"></label></td>
</tr>
<tr>
<td align="right">搜索关键字：</td>
<td colspan="3"><label id="lnewsSearchDes"></label></td>
</tr>
<tr>
<td align="right">搜索描述：</td>
<td colspan="3"><label id="lnewsSearchMate"></label></td>
</tr>
<tr>
<td align="right">访问地址：</td>
<input type="hidden" id="path" value="<%=path %>/<%=Contants.HTMl_NEWS_FILE %>">
<td colspan="3"><label id="lnewsUrl"></label></td>
</tr>
<tr>
<td align="right">目前访问量：</td>
<td colspan="3"><label id="lnewsRequestCount"></label></td>
</tr>
<tr>
<td align="right">目前反对数：</td>
<td><label id="lnewsAgainstCount"></label></td>
<td align="right">目前支持数：</td>
<td><label id="lnewsSurportCount"></label></td>
</tr>
<tr>
<td align="right">新闻发布人：</td>
<td><label id="lnewsCreateUserName"></label></td>
<td align="right">新闻发布时间：</td>
<td><label id="lnewsCreateDate"></label></td>
</tr>
<tr>
<td align="right">最后修改人：</td>
<td><label id="lnewsUpdateUserName"></label></td>
<td align="right">最后修改时间：</td>
<td><label id="lnewsUpdateTime"></label></td>
</tr>
<tr>
<td align="right">留言是否屏蔽：</td>
<td><label id="lnewsMessageEnable"></label></td>
<td align="right">新闻内容：</td>
<td>见下</td>
</tr>
<tr>
<td colspan="4" id="lnewsContant"></td>
</tr>
</table>
</div>
</body>
</html>
<%@ include file="/common/bottom.jsp" %>
部分js
$(function(){
$("#qtime").click(function(){WdatePicker({skin:'whyGreen',oncleared:function(){$(this).blur();},onpicked:function(){$(this).blur();}})});
$("#ztime").click(function(){WdatePicker({skin:'whyGreen',oncleared:function(){$(this).blur();},onpicked:function(){$(this).blur();}})});
});
function query(){
var param = {newsTitle:document.getElementById("newstitle").value,
newsKeys:document.getElementById("newskeys").value,
createUserName:document.getElementById("createnewsusername").value,
newsUrl:document.getElementById("newUrl").value,
qTime:document.getElementById('qtime').value,
zTime:document.getElementById('ztime').value,
newsType:document.getElementById('newsType').value
};
mygrid.query(param);
}
/*
newsInfo 不能随便更改的函数
*/
function newsInfo( op, newsid)
{
if(op == "info")
{
//显示信息
$.post(
"findNewsById.do",
{newsUuid:newsid},
function(data)
{
$("#lnewsTitle").html(data.news.newsTitle);
$("#lnewsSource").html(data.news.newsSource);
$("#lnewsSearchMate").html(data.news.newsSearchMate);
$("#lnewsContantZy").html(data.news.newsContantZy);
$("#lnewsSearchDes").html(data.news.newsSearchDes);
$("#lnewsSearchMate").html(data.news.newsSearchMate);
$("#lnewsUrl").html("<a href='"+$("#path").val()+"/"+data.news.newsUrl+"' target='_blank' >"+data.news.newsUrl+"</a>");
$("#lnewsRequestCount").html(data.news.newsRequestCount);
$("#lnewsAgainstCount").html(data.news.newsAgainstCount);
$("#lnewsCreateUserName").html(data.news.newsCreateUserName);
$("#lnewsSurportCount").html(data.news.newsSurportCount);
$("#lnewsUpdateUserName").html(data.news.newsUpdateUserName);
$("#lnewsCreateDate").html(data.news.newsCreateDate.replace(/T/," "));
$("#lnewsUpdateTime").html(data.news.newsUpdateTime.replace(/T/," "));
$("#lnewsMessageEnable").html(data.news.newsMessageEnable==1?"启用":"禁用");
$("#lnewsContant").html(data.news.newsContant);
var types = data.news.newsTypes;
for(i=0;i<types.length;i++)
{
$("#lnewsType").html($("#lnewsType").html()+types[i]+" ");
}
$("#infoDiv").show(700);
},
"json"
);
$("#newsType").hide();
}else if(op=="update")
{
//修改
document.location.assign("toNewsUpdate.do?newsUuid="+newsid);
}else if(op=="delete")
{
//删除
if(confirm("确定要删除这条数据吗？"))
{
document.location.assign("newsDelete.do?newsUuid="+newsid);
}
}else{
alert("参数不正确！");
}
}
function deleteAll()
{
var checkboxs = mygrid.getSelectedRecords();
if(checkboxs.length==0)
{
alert("您还没有选择您要操作的项目！");
return;
}else{
if(confirm("确定一次操作这"+checkboxs.length+"条数据！"))
{
var url="newsDelete.do?newsUuid=";
for(i=0;i<checkboxs.length;i++)
{
if(i==checkboxs.length-1)
url+=checkboxs[i].newsUuid;
else
url+=checkboxs[i].newsUuid+"&newsUuid=";
}
document.location.assign(url);
}
}
}
/**
新闻留言屏蔽与开启的功能函数
op 1为启用 0 为关闭
*/
function newsManager(op)
{
var checkboxs = mygrid.getSelectedRecords();
if(checkboxs.length==0)
{
alert("您还没有选择您要操作的新闻项目！");
return;
}else{
if(confirm("确定一次操作这"+checkboxs.length+"条数据！"))
{
var url="updatenewsMessageEnable.do?newsUuid=";
for(i=0;i<checkboxs.length;i++)
{
if(i==checkboxs.length-1)
url+=checkboxs[i].newsUuid;
else
url+=checkboxs[i].newsUuid+"&newsUuid=";
}
url+="&newsMessageEnable="+op;
document.location.assign(url);
}
}
}
到此结束