村长kylin

jsp 自定义标签实现表格转载http://blog.csdn.net/chenshuang_com

package com.ts.taglib.html;
import java.lang.reflect.Field;
import javax.servlet.jsp.tagext.BodyTagSupport;
/**
* 事件处理
* @author 陈双
* @date 2012-09-22
* @mail [email protected]
*/
public abstract class BaseHandlerTag extends BodyTagSupport{
private static final long serialVersionUID = 715968190636480266L;
private String onclick;
private String ondblclick;
private String onmouseover;
private String onmouseout;
private String onmousedown;
private String onmouseup;
private String onmousemove;
private String onkeydown;
private String onkeyup;
private String onkeypress;
private String onfocus;
private String onblur;
private String onchange;
private String onselect;
private String styleId;
private String style;
private String styleClass;
private boolean readonly;
private boolean disabled;
public BaseHandlerTag()
{
super();
init();
}
public void init()
{
onclick=null;
ondblclick=null;
onmouseover=null;
onmouseout=null;
onmousedown=null;
onmouseup=null;
onmousemove=null;
onkeydown=null;
onkeyup=null;
onkeypress=null;
onfocus=null;
onblur=null;
onchange=null;
onselect=null;
readonly=false;
disabled=false;
}
public String getOnclick() {
return onclick;
}
public void setOnclick(String onclick) {
this.onclick = onclick;
}
public String getOndblclick() {
return ondblclick;
}
public void setOndblclick(String ondblclick) {
this.ondblclick = ondblclick;
}
public String getOnmouseover() {
return onmouseover;
}
public void setOnmouseover(String onmouseover) {
this.onmouseover = onmouseover;
}
public String getOnmouseout() {
return onmouseout;
}
public void setOnmouseout(String onmouseout) {
this.onmouseout = onmouseout;
}
public String getOnmousedown() {
return onmousedown;
}
public void setOnmousedown(String onmousedown) {
this.onmousedown = onmousedown;
}
public String getOnmouseup() {
return onmouseup;
}
public void setOnmouseup(String onmouseup) {
this.onmouseup = onmouseup;
}
public String getOnmousemove() {
return onmousemove;
}
public void setOnmousemove(String onmousemove) {
this.onmousemove = onmousemove;
}
public String getOnkeydown() {
return onkeydown;
}
public void setOnkeydown(String onkeydown) {
this.onkeydown = onkeydown;
}
public String getOnkeyup() {
return onkeyup;
}
public void setOnkeyup(String onkeyup) {
this.onkeyup = onkeyup;
}
public String getOnkeypress() {
return onkeypress;
}
public void setOnkeypress(String onkeypress) {
this.onkeypress = onkeypress;
}
public String getOnfocus() {
return onfocus;
}
public void setOnfocus(String onfocus) {
this.onfocus = onfocus;
}
public String getOnblur() {
return onblur;
}
public void setOnblur(String onblur) {
this.onblur = onblur;
}
public String getOnchange() {
return onchange;
}
public void setOnchange(String onchange) {
this.onchange = onchange;
}
public String getOnselect() {
return onselect;
}
public void setOnselect(String onselect) {
this.onselect = onselect;
}
public String getStyleId() {
return styleId;
}
public void setStyleId(String styleId) {
this.styleId = styleId;
}
public String getStyle() {
return style;
}
public void setStyle(String style) {
this.style = style;
}
public String getStyleClass() {
return styleClass;
}
public void setStyleClass(String styleClass) {
this.styleClass = styleClass;
}
public boolean isReadonly() {
return readonly;
}
public void setReadonly(boolean readonly) {
this.readonly = readonly;
}
public boolean isDisabled() {
return disabled;
}
public void setDisabled(boolean disabled) {
this.disabled = disabled;
}
public String prepareStyles()
{
StringBuffer handlers=new StringBuffer();
prepareAttribute(handlers,"id",getStyleId());
prepareAttribute(handlers,"style",getStyle());
prepareAttribute(handlers,"class",getStyleClass());
return handlers.toString();
}
public String prepareEvents()
{
StringBuffer handlers=new StringBuffer();
prepareMouseEvents(handlers);
prepareKeyEvents(handlers);
prepareFocusEvents(handlers);
prepareTextEvents(handlers);
return handlers.toString();
}
public void prepareMouseEvents(StringBuffer handlers)
{
prepareAttribute(handlers,"onclick",getOnclick());
prepareAttribute(handlers,"ondblclick",getOndblclick());
prepareAttribute(handlers,"onmouseover",getOnmouseover());
prepareAttribute(handlers,"onmouseout",getOnmouseout());
prepareAttribute(handlers,"onmousedown",getOnmousedown());
prepareAttribute(handlers,"onmouseup",getOnmouseup());
prepareAttribute(handlers,"onmousemove",getOnmousemove());
}
public void prepareKeyEvents(StringBuffer handlers)
{
prepareAttribute(handlers,"onkeydown",getOnkeydown());
prepareAttribute(handlers,"onkeyup",getOnkeyup());
prepareAttribute(handlers,"onkeypress",getOnkeypress());
}
public void prepareFocusEvents(StringBuffer handlers)
{
prepareAttribute(handlers,"onfocus",getOnfocus());
prepareAttribute(handlers,"onblur",getOnblur());
if(isReadonly())
{
handlers.append(" readonly=\"readonly\"");
}
if(isDisabled())
{
handlers.append(" disabled=\"disabled\"");
}
}
public void prepareTextEvents(StringBuffer handlers)
{
prepareAttribute(handlers,"onselect",getOnselect());
prepareAttribute(handlers,"onchange",getOnchange());
}
public void prepareAttribute(StringBuffer handler,String property,Object value)
{
if(handler!=null&&property!=null&&value!=null)
{
handler.append(" ");
handler.append(property);
handler.append("=\"");
handler.append(value);
handler.append("\"");
}
}
/**
* 取值
* @param name
* @return
* @throws SecurityException
* @throws IllegalArgumentException
* @throws NoSuchFieldException
* @throws IllegalAccessException
*/
public Object findValue(String name) throws SecurityException, IllegalArgumentException, NoSuchFieldException, IllegalAccessException
{
String[] elements=name.split("\\.");
if(elements!=null&&elements.length>0)
{
Object bean=pageContext.getAttribute(elements[0],2);
if(elements.length>2)
{
for(int i=1;i<elements.length;i++)
{
bean=getValue(bean, elements[i]);
}
return bean;
}
else
{
return getValue(bean, elements[1]);
}
}
return null;
}
public Object getValue(Object bean,String property) throws SecurityException, NoSuchFieldException, IllegalArgumentException, IllegalAccessException
{
if(bean!=null&&property!=null)
{
Field field=bean.getClass().getDeclaredField(property);
field.setAccessible(true);
return field.get(bean);
}
return null;
}
public void release() {
// TODO Auto-generated method stub
super.release();
init();
}
}
package com.ts.taglib.html;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;
import javax.servlet.jsp.JspException;
import com.ts.taglib.data.Column;
import com.ts.taglib.data.DataGrid;
/**
* 表格控件
* @author 陈双
* @date 2012-09-22
* @mail [email protected]
*
*/
public class TableTag extends BaseHandlerTag {
private static final long serialVersionUID = -5642687627324772161L;
private String name;//名称
private String width;//宽度
private String height;//高度
private String data;//取数
private boolean multiple;//是否多行勾选框
public TableTag()
{
super();
name=null;
width=null;
height=null;
data=null;
multiple=false;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
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 String getData() {
return data;
}
public void setData(String data) {
this.data = data;
}
public boolean isMultiple() {
return multiple;
}
public void setMultiple(boolean multiple) {
this.multiple = multiple;
}
public int doEndTag() throws JspException {
try {
pageContext.getOut().print(createTable());
} catch (IOException e) {
throw new JspException(e.getMessage());
}
return 6;
}
public int doStartTag() throws JspException {
pageContext.setAttribute("columnHeader", new ArrayList(),2);
return 1;
}
/**
* 实现方式由Java构建所需的数据然后调用js创建表格
* @return
* @throws JspException
*/
public String createTable()throws JspException
{
StringBuffer handlers=new StringBuffer("<div id=\"main_grid_");
handlers.append(getName());
handlers.append("\"");
handlers.append(" style=\"border:solid 1 #cccccc;");
handlers.append("width:");
handlers.append(getWidth());
handlers.append(";height:");
handlers.append(Integer.parseInt(getHeight())+25);
handlers.append(";\">\n");
handlers.append("<script type=\"text/javascript\" charset=\"utf-8\">\n");
//处理数据
List headerList=(List) pageContext.getAttribute("columnHeader", 2);
if(headerList==null||headerList.size()==0)
{
throw new JspException("Table name is "+name+"，列数必须大于0！");
}
handlers.append(getColumns(headerList));
List list=(List) pageContext.getAttribute(data, 2);
handlers.append(getRows(list));
//调用js生成表格对象
handlers.append("CreateTable('");
handlers.append(getName());
handlers.append("','main_grid_");
handlers.append(getName());
handlers.append("',");
handlers.append(getWidth());
handlers.append(",");
handlers.append(getHeight());
handlers.append(",");
handlers.append(isMultiple());
handlers.append(",getColumns_grid_");
handlers.append(getName());
handlers.append("(),getRows_grid_");
handlers.append(getName());
handlers.append("());\n</script>\n");
handlers.append("<table cellspacing=0 height=25 width=");
handlers.append(getWidth());
handlers.append(" >\n<tr>\n<td style=\"height:18px;cursor:default;font-size:12px;font-family:verdana;text-align:right;\">共");
Object total=pageContext.getAttribute("total", 2);
if(total==null)
{
total=0;
}
handlers.append(total);
handlers.append("页当前显示第");
Object current=pageContext.getAttribute("current",2);
if(current==null)
{
current=0;
}
handlers.append(current);
handlers.append("页 <a href=\"javascript:lastPage();\">上页</a> <a href=\"javascript:nextPage();\">下页</a> <input type=\"hidden\" name=\"currentPage\"/>第<input name=\"toPage\" type=\"text\" size=3/>页</td>\n</tr>\n</table>\n");
handlers.append("</div>\n");
return handlers.toString();
}
/**
* 构建所有的列
* @param list
* @return
* @throws JspException
*/
private String getColumns(List list) throws JspException
{
StringBuffer columns=new StringBuffer();
if(list!=null&&list.size()>0)
{
columns.append("function getColumns_grid_");
columns.append(name);
columns.append("()\n{\n");
columns.append("var columns=new Array();\n");
for(int i=0;i<list.size();i++)
{
Column column=(Column) list.get(i);
columns.append("var gridColumn");
columns.append(i);
columns.append("=new GridColumn('");
columns.append(column.getName());
columns.append("','");
columns.append(column.getLabel());
columns.append("','");
columns.append(column.getType());
columns.append("',");
columns.append(column.getWidth());
columns.append(",");
columns.append(column.getHeight());
columns.append(",");
columns.append("null");
columns.append(",");
columns.append(column.isHidden());
columns.append(",");
columns.append(column.isDisabled());
columns.append(",");
columns.append(column.isSum());
columns.append(",");
columns.append(column.getSize());
columns.append(",");
columns.append(column.getColspan());
if(column.getOndblclick()!=null)
{
columns.append(",\"");
columns.append(column.getOndblclick());
columns.append("\",");
}
else
{
columns.append(",");
columns.append("null,");
}
if(column.getDrillEvent()!=null)
{
columns.append("\"");
columns.append(column.getDrillEvent());
columns.append("\");\n");
}
else
{
columns.append("null);\n");
}
columns.append("columns[");
columns.append(i);
columns.append("]=gridColumn");
columns.append(i);
columns.append(";\n");
}
columns.append("return columns;\n}");
}
return columns.toString();
}
/**
* 构建rows数据集将Java中的List<map>转成javascript中List<Map>形式
* @param list列表
* @return
*/
public String getRows(List list)
{
StringBuffer handlers=new StringBuffer("\n function getRows_grid_");
handlers.append(getName());
handlers.append("()\n{\n");
SimpleDateFormat dateFormat=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss");
handlers.append("var rows=new List();\n");
if(list!=null&&list.size()>0)
{
for(int i=0;i<list.size();i++)
{
handlers.append("var map");
handlers.append(i);
handlers.append("=new Map();\n");
Map row=(Map) list.get(i);
for(Object key:row.keySet())
{
handlers.append("map");
handlers.append(i);
handlers.append(".put('");
handlers.append(key);
if(row.get(key)==null)
{
handlers.append("',");
handlers.append(row.get(key));
handlers.append(");\n");
}
else
{
Object param=row.get(key);
handlers.append("','");
if(param.getClass().getName().equals("java.sql.Timestamp")||param.getClass().getName().equals("java.util.Date"))
{
handlers.append(dateFormat.format(param));
}
else
{
handlers.append(row.get(key));
}
handlers.append("');\n");
}
}
handlers.append("rows.add(map");
handlers.append(i);
handlers.append(");\n");
}
}
handlers.append("return rows;\n");
handlers.append("\n}\n");
return handlers.toString();
}
public void release() {
super.release();
name=null;
width=null;
height=null;
data=null;
multiple=false;
}
}
<P> </P><P>package com.ts.taglib.html;</P><P>import java.util.List;</P><P>import javax.servlet.jsp.JspException;
import javax.servlet.jsp.tagext.TagSupport;</P><P>import com.ts.taglib.data.Column;
/**
* 构建列控件
* @author 陈双
* @date 2012-09-23
* @mail <A href="mailto:[email protected]">[email protected]</A>
*/
public class ColumnTag extends TagSupport {</P><P> private static final long serialVersionUID = 5477014869077280329L;
private String name;//名称
private String label;//标签
private String type;//类型
private String width;//宽度
private String height;//高度
private String size;//字符个数
private String data;//如果是combox时，选项取数来源
private String colspan;//跨列
private String ondblclick;//双击事件，只是针对参照列
private String drillEvent;//数据钻取时调用的函数
private boolean hidden;//是否隐藏
private boolean disabled;//是否可用
private boolean sum;//是否汇总
public ColumnTag()
{
super();
name=null;
label=null;
type=null;
width=null;
height=null;
size="14";
data=null;
colspan=null;
ondblclick=null;
drillEvent=null;
hidden=false;
disabled=false;
sum=false;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getLabel() {
return label;
}
public void setLabel(String label) {
this.label = label;
}
public String getType() {
return type;
}
public void setType(String type) {
this.type = type;
}
public String getWidth() {
return width;
}</P><P> public void setWidth(String width) {
this.width = width;
}</P><P> public String getHeight() {
return height;
}</P><P> public void setHeight(String height) {
this.height = height;
}
public String getSize() {
return size;
}
public void setSize(String size) {
this.size = size;
}
public String getData() {
return data;
}
public void setData(String data) {
this.data = data;
}
public String getColspan() {
return colspan;
}</P><P> public void setColspan(String colspan) {
this.colspan = colspan;
}
public String getOndblclick() {
return ondblclick;
}
public void setOndblclick(String ondblclick) {
this.ondblclick = ondblclick;
}
public String getDrillEvent() {
return drillEvent;
}
public void setDrillEvent(String drillEvent) {
this.drillEvent = drillEvent;
}
public boolean isHidden() {
return hidden;
}
public void setHidden(boolean hidden) {
this.hidden = hidden;
}
public boolean isDisabled() {
return disabled;
}
public void setDisabled(boolean disabled) {
this.disabled = disabled;
}
public boolean isSum() {
return sum;
}</P><P> public void setSum(boolean sum) {
this.sum = sum;
}
public int doEndTag() throws JspException {
Column column=new Column();
column.setName(name);
column.setLabel(label);
column.setType(type);
column.setWidth(width);
column.setHeight(height);
column.setSize(size);
column.setData(data);
column.setColspan(colspan);
column.setOndblclick(ondblclick);
column.setDrillEvent(drillEvent);
column.setHidden(hidden);
column.setDisabled(disabled);
column.setSum(sum);
List list=(List)pageContext.getAttribute("columnHeader", 2);
list.add(column);
return 6;
}
public int doStartTag() throws JspException {
return 0;
}
public void release() {</P><P> super.release();
name=null;
label=null;
type=null;
width=null;
height=null;
data=null;
colspan=null;
size=null;
ondblclick=null;
drillEvent=null;
hidden=false;
disabled=false;
sum=false;
}
}
</P><P> </P><P>package com.ts.taglib.data;</P><P>import java.io.Serializable;
/**
* 列数据
* @author 陈双
* @date 2012-09-23
* @mail <A href="mailto:[email protected]">[email protected]</A>
*/
public class Column implements Serializable {</P><P> private static final long serialVersionUID = -2581722061552795107L;
private String name;//名称
private String label;//标签
private String type;//类型
private String width;//宽度
private String height;//高度
private String size;//字符个数
private String data;//如果是combox时，选项取数来源
private String colspan;//跨列
private String rowspan;//跨行
private String ondblclick;//双击事件，只是针对参照列
private String drillEvent;//数据钻取时调用的函数
private boolean hidden;//是否隐藏
private boolean disabled;//是否可用
private boolean sum;//是否汇总
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getLabel() {
return label;
}
public void setLabel(String label) {
this.label = label;
}
public String getType() {
return type;
}
public void setType(String type) {
this.type = type;
}
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 String getSize() {
return size;
}
public void setSize(String size) {
this.size = size;
}
public String getData() {
return data;
}
public void setData(String data) {
this.data = data;
}
public String getColspan() {
return colspan;
}
public void setColspan(String colspan) {
this.colspan = colspan;
}
public String getRowspan() {
return rowspan;
}
public void setRowspan(String rowspan) {
this.rowspan = rowspan;
}
public String getOndblclick() {
return ondblclick;
}
public void setOndblclick(String ondblclick) {
this.ondblclick = ondblclick;
}
public String getDrillEvent() {
return drillEvent;
}
public void setDrillEvent(String drillEvent) {
this.drillEvent = drillEvent;
}
public boolean isHidden() {
return hidden;
}
public void setHidden(boolean hidden) {
this.hidden = hidden;
}
public boolean isDisabled() {
return disabled;
}
public void setDisabled(boolean disabled) {
this.disabled = disabled;
}
public boolean isSum() {
return sum;
}
public void setSum(boolean sum) {
this.sum = sum;
}
}</P><P>package com.ts.taglib.data;</P><P>import java.io.Serializable;
import java.util.List;
import java.util.Map;
/**
* 用于构建多级表头动态列表格对象
* @author 陈双
* @date 2012-09-22
* @mail <A href="mailto:[email protected]">[email protected]</A>
*
*/
public class DataGrid implements Serializable {</P><P> private static final long serialVersionUID = 3814622301555705194L;
private String name;//名称
private String width;//宽度
private String height;//高度
private boolean multiple;//多行数据是否有勾选框
private List<Column[]> columns;//多级动态列
private List<Map<String,Object>> data;//行数据
private String dblclick;//双击事件
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
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 boolean isMultiple() {
return multiple;
}
public void setMultiple(boolean multiple) {
this.multiple = multiple;
}
public List<Column[]> getColumns() {
return columns;
}
public void setColumns(List<Column[]> columns) {
this.columns = columns;
}
public List<Map<String, Object>> getData() {
return data;
}
public void setData(List<Map<String, Object>> data) {
this.data = data;
}
public String getDblclick() {
return dblclick;
}
public void setDblclick(String dblclick) {
this.dblclick = dblclick;
}
}
</P><P>
</P>

package com.ts.taglib.html;

import java.lang.reflect.Field;

import javax.servlet.jsp.tagext.BodyTagSupport;
/**
 * 事件处理
 * @author 陈双
 * @date 2012-09-22
 * @mail [email protected]
 */
public abstract class BaseHandlerTag extends BodyTagSupport{
    private static final long serialVersionUID = 715968190636480266L;
    private String onclick;
    private String ondblclick;
    private String onmouseover;
    private String onmouseout;
    private String onmousedown;
    private String onmouseup;
    private String onmousemove;
    private String onkeydown;
    private String onkeyup;
    private String onkeypress;
    private String onfocus;
    private String onblur;
    private String onchange;
    private String onselect;
    private String styleId;
    private String style;
    private String styleClass;
    private boolean readonly;
    private boolean disabled;
    public BaseHandlerTag()
    {
    	super();
    	init();
    }
    public void init()
    {
    	onclick=null;
    	ondblclick=null;
    	onmouseover=null;
    	onmouseout=null;
    	onmousedown=null;
    	onmouseup=null;
    	onmousemove=null;
    	onkeydown=null;
    	onkeyup=null;
    	onkeypress=null;
    	onfocus=null;
    	onblur=null;
    	onchange=null;
    	onselect=null;
    	readonly=false;
    	disabled=false;
    }
	public String getOnclick() {
		return onclick;
	}
	public void setOnclick(String onclick) {
		this.onclick = onclick;
	}
	public String getOndblclick() {
		return ondblclick;
	}
	public void setOndblclick(String ondblclick) {
		this.ondblclick = ondblclick;
	}
	public String getOnmouseover() {
		return onmouseover;
	}
	public void setOnmouseover(String onmouseover) {
		this.onmouseover = onmouseover;
	}
	public String getOnmouseout() {
		return onmouseout;
	}
	public void setOnmouseout(String onmouseout) {
		this.onmouseout = onmouseout;
	}
	public String getOnmousedown() {
		return onmousedown;
	}
	public void setOnmousedown(String onmousedown) {
		this.onmousedown = onmousedown;
	}
	public String getOnmouseup() {
		return onmouseup;
	}
	public void setOnmouseup(String onmouseup) {
		this.onmouseup = onmouseup;
	}
	public String getOnmousemove() {
		return onmousemove;
	}
	public void setOnmousemove(String onmousemove) {
		this.onmousemove = onmousemove;
	}
	public String getOnkeydown() {
		return onkeydown;
	}
	public void setOnkeydown(String onkeydown) {
		this.onkeydown = onkeydown;
	}
	public String getOnkeyup() {
		return onkeyup;
	}
	public void setOnkeyup(String onkeyup) {
		this.onkeyup = onkeyup;
	}
	public String getOnkeypress() {
		return onkeypress;
	}
	public void setOnkeypress(String onkeypress) {
		this.onkeypress = onkeypress;
	}
	public String getOnfocus() {
		return onfocus;
	}
	public void setOnfocus(String onfocus) {
		this.onfocus = onfocus;
	}
	public String getOnblur() {
		return onblur;
	}
	public void setOnblur(String onblur) {
		this.onblur = onblur;
	}
	public String getOnchange() {
		return onchange;
	}
	public void setOnchange(String onchange) {
		this.onchange = onchange;
	}
	public String getOnselect() {
		return onselect;
	}
	public void setOnselect(String onselect) {
		this.onselect = onselect;
	}
	public String getStyleId() {
		return styleId;
	}
	public void setStyleId(String styleId) {
		this.styleId = styleId;
	}
	public String getStyle() {
		return style;
	}
	public void setStyle(String style) {
		this.style = style;
	}
	public String getStyleClass() {
		return styleClass;
	}
	public void setStyleClass(String styleClass) {
		this.styleClass = styleClass;
	}
	public boolean isReadonly() {
		return readonly;
	}
	public void setReadonly(boolean readonly) {
		this.readonly = readonly;
	}
	public boolean isDisabled() {
		return disabled;
	}
	public void setDisabled(boolean disabled) {
		this.disabled = disabled;
	}
	public String prepareStyles()
	{
		StringBuffer handlers=new StringBuffer();
		prepareAttribute(handlers,"id",getStyleId());
		prepareAttribute(handlers,"style",getStyle());
		prepareAttribute(handlers,"class",getStyleClass());
		return handlers.toString();
	}
	public String prepareEvents()
	{
		StringBuffer handlers=new StringBuffer();
		prepareMouseEvents(handlers);
		prepareKeyEvents(handlers);
		prepareFocusEvents(handlers);
		prepareTextEvents(handlers);
		return handlers.toString();
	}
	public void prepareMouseEvents(StringBuffer handlers)
	{
		prepareAttribute(handlers,"onclick",getOnclick());
		prepareAttribute(handlers,"ondblclick",getOndblclick());
		prepareAttribute(handlers,"onmouseover",getOnmouseover());
		prepareAttribute(handlers,"onmouseout",getOnmouseout());
		prepareAttribute(handlers,"onmousedown",getOnmousedown());
		prepareAttribute(handlers,"onmouseup",getOnmouseup());
		prepareAttribute(handlers,"onmousemove",getOnmousemove());
	}
	public void prepareKeyEvents(StringBuffer handlers)
	{
		prepareAttribute(handlers,"onkeydown",getOnkeydown());
		prepareAttribute(handlers,"onkeyup",getOnkeyup());
		prepareAttribute(handlers,"onkeypress",getOnkeypress());
	}
	public void prepareFocusEvents(StringBuffer handlers)
	{
		prepareAttribute(handlers,"onfocus",getOnfocus());
		prepareAttribute(handlers,"onblur",getOnblur());
		if(isReadonly())
		{
			handlers.append(" readonly=\"readonly\"");
		}
		if(isDisabled())
		{
			handlers.append(" disabled=\"disabled\"");
		}
	}
	public void prepareTextEvents(StringBuffer handlers)
	{
		prepareAttribute(handlers,"onselect",getOnselect());
		prepareAttribute(handlers,"onchange",getOnchange());
	}
	public void prepareAttribute(StringBuffer handler,String property,Object value)
	{
		if(handler!=null&&property!=null&&value!=null)
		{
			handler.append(" ");
			handler.append(property);
			handler.append("=\"");
			handler.append(value);
			handler.append("\"");
		}
	}
	/**
	 * 取值
	 * @param name
	 * @return
	 * @throws SecurityException
	 * @throws IllegalArgumentException
	 * @throws NoSuchFieldException
	 * @throws IllegalAccessException
	 */
	public Object findValue(String name) throws SecurityException, IllegalArgumentException, NoSuchFieldException, IllegalAccessException
	{
		String[] elements=name.split("\\.");
		if(elements!=null&&elements.length>0)
		{
			Object bean=pageContext.getAttribute(elements[0],2);
			if(elements.length>2)
			{
				for(int i=1;i<elements.length;i++)
				{
					bean=getValue(bean, elements[i]);
				}
				return bean;
			}
			else
			{
				return getValue(bean, elements[1]);
			}
		}
		return null;
	}
	public Object getValue(Object bean,String property) throws SecurityException, NoSuchFieldException, IllegalArgumentException, IllegalAccessException
	{
		if(bean!=null&&property!=null)
		{
			Field field=bean.getClass().getDeclaredField(property);
			field.setAccessible(true);
			return field.get(bean);
		}
		return null;
	}
	public void release() {
		// TODO Auto-generated method stub
		super.release();
		init();
	}
}
package com.ts.taglib.html;

import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;

import javax.servlet.jsp.JspException;

import com.ts.taglib.data.Column;
import com.ts.taglib.data.DataGrid;

/**
 * 表格控件
 * @author 陈双
 * @date 2012-09-22
 * @mail [email protected]
 *
 */
public class TableTag extends BaseHandlerTag {

	private static final long serialVersionUID = -5642687627324772161L;
    private String name;//名称
    private String width;//宽度
    private String height;//高度
    private String data;//取数
    private boolean multiple;//是否多行勾选框
	public TableTag()
    {
    	super();
    	name=null;
    	width=null;
    	height=null;
    	data=null;
    	multiple=false;
    }
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	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 String getData() {
		return data;
	}
	public void setData(String data) {
		this.data = data;
	}
	public boolean isMultiple() {
		return multiple;
	}
	public void setMultiple(boolean multiple) {
		this.multiple = multiple;
	}
	public int doEndTag() throws JspException {
		try {
			pageContext.getOut().print(createTable());
		} catch (IOException e) {
			
			throw new JspException(e.getMessage());
		}
		return 6;
	}
	public int doStartTag() throws JspException {
		pageContext.setAttribute("columnHeader", new ArrayList(),2);
		return 1;
	}
	/**
	 * 实现方式由Java构建所需的数据然后调用js创建表格
	 * @return
	 * @throws JspException
	 */
	public String createTable()throws JspException
	{
		StringBuffer handlers=new StringBuffer("<div id=\"main_grid_");
		handlers.append(getName());
		handlers.append("\"");
		handlers.append(" style=\"border:solid 1 #cccccc;");
		handlers.append("width:");
		handlers.append(getWidth());
		handlers.append(";height:");
		handlers.append(Integer.parseInt(getHeight())+25);
		handlers.append(";\">\n");
		handlers.append("<script type=\"text/javascript\" charset=\"utf-8\">\n");
		//处理数据
		List headerList=(List) pageContext.getAttribute("columnHeader", 2);
		if(headerList==null||headerList.size()==0)
		{
			throw new JspException("Table name is "+name+"，列数必须大于0！");
		}
		handlers.append(getColumns(headerList));
		List list=(List) pageContext.getAttribute(data, 2);
		handlers.append(getRows(list));
		//调用js生成表格对象
		handlers.append("CreateTable('");
		handlers.append(getName());
		handlers.append("','main_grid_");
		handlers.append(getName());
		handlers.append("',");
		handlers.append(getWidth());
		handlers.append(",");
		handlers.append(getHeight());
		handlers.append(",");
		handlers.append(isMultiple());
		handlers.append(",getColumns_grid_");
		handlers.append(getName());
		handlers.append("(),getRows_grid_");
		handlers.append(getName());
		handlers.append("());\n</script>\n");
		handlers.append("<table cellspacing=0 height=25 width=");
		handlers.append(getWidth());
		handlers.append(" >\n<tr>\n<td style=\"height:18px;cursor:default;font-size:12px;font-family:verdana;text-align:right;\">共");
		Object total=pageContext.getAttribute("total", 2);
		if(total==null)
		{
			total=0;
		}
		handlers.append(total);
		handlers.append("页  当前显示第");
		Object current=pageContext.getAttribute("current",2);
		if(current==null)
		{
			current=0;
		}
		handlers.append(current);
		handlers.append("页  <a href=\"javascript:lastPage();\">上页</a> <a href=\"javascript:nextPage();\">下页</a>  <input type=\"hidden\" name=\"currentPage\"/>第<input name=\"toPage\" type=\"text\" size=3/>页</td>\n</tr>\n</table>\n");
		handlers.append("</div>\n");
		return handlers.toString();
	}
	/**
	 * 构建所有的列
	 * @param list
	 * @return
	 * @throws JspException
	 */
	private String getColumns(List list) throws JspException
	{
		StringBuffer columns=new StringBuffer();
		if(list!=null&&list.size()>0)
		{
			columns.append("function getColumns_grid_");
			columns.append(name);
			columns.append("()\n{\n");
			columns.append("var columns=new Array();\n");
			for(int i=0;i<list.size();i++)
			{
				Column column=(Column) list.get(i);
				columns.append("var gridColumn");
				columns.append(i);
				columns.append("=new GridColumn('");
				columns.append(column.getName());
				columns.append("','");
				columns.append(column.getLabel());
				columns.append("','");
				columns.append(column.getType());
				columns.append("',");
				columns.append(column.getWidth());
				columns.append(",");
				columns.append(column.getHeight());
				columns.append(",");
				columns.append("null");
				columns.append(",");
				columns.append(column.isHidden());
				columns.append(",");
				columns.append(column.isDisabled());
				columns.append(",");
				columns.append(column.isSum());
				columns.append(",");
				columns.append(column.getSize());
				columns.append(",");
				columns.append(column.getColspan());
				if(column.getOndblclick()!=null)
				{
					columns.append(",\"");
					columns.append(column.getOndblclick());
					columns.append("\",");
				}
				else
				{
					columns.append(",");
					columns.append("null,");
				}
				if(column.getDrillEvent()!=null)
				{
					columns.append("\"");
					columns.append(column.getDrillEvent());
					columns.append("\");\n");
				}
				else
				{
					columns.append("null);\n");
				}
				columns.append("columns[");
				columns.append(i);
				columns.append("]=gridColumn");
				columns.append(i);
				columns.append(";\n");
			}
		    columns.append("return columns;\n}");
		}
		return columns.toString();
	}
	/**
	 * 构建rows数据集将Java中的List<map>转成javascript中List<Map>形式
	 * @param list列表
	 * @return
	 */
	public String getRows(List list)
	{
		StringBuffer handlers=new StringBuffer("\n function getRows_grid_");
		handlers.append(getName());
		handlers.append("()\n{\n");
		SimpleDateFormat dateFormat=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss");
		handlers.append("var rows=new List();\n");
		if(list!=null&&list.size()>0)
		{
			for(int i=0;i<list.size();i++)
			{
				handlers.append("var map");
				handlers.append(i);
				handlers.append("=new Map();\n");
				Map row=(Map) list.get(i);
				for(Object key:row.keySet())
				{
					handlers.append("map");
					handlers.append(i);
					handlers.append(".put('");
					handlers.append(key);
					if(row.get(key)==null)
					{
						handlers.append("',");
						handlers.append(row.get(key));
						handlers.append(");\n");
					}
					else
					{
						Object param=row.get(key);
						handlers.append("','");
						if(param.getClass().getName().equals("java.sql.Timestamp")||param.getClass().getName().equals("java.util.Date"))
						{
							handlers.append(dateFormat.format(param));
						}
						else
						{
							handlers.append(row.get(key));
						}
						handlers.append("');\n");
					}
					
				}
				handlers.append("rows.add(map");
				handlers.append(i);
				handlers.append(");\n");
			}
		}
		handlers.append("return rows;\n");
		handlers.append("\n}\n");
		return handlers.toString();
	}
	public void release() {
		
		super.release();
		name=null;
    	width=null;
    	height=null;
    	data=null;
    	multiple=false;
	}
}

 



package com.ts.taglib.html;



import java.util.List;



import javax.servlet.jsp.JspException;
import javax.servlet.jsp.tagext.TagSupport;



import com.ts.taglib.data.Column;
/**
 * 构建列控件
 * @author 陈双
 * @date 2012-09-23
 * @mail [email protected]  */
public class ColumnTag extends TagSupport {



 private static final long serialVersionUID = 5477014869077280329L;
    private String name;//名称
    private String label;//标签
    private String type;//类型
    private String width;//宽度
    private String height;//高度
    private String size;//字符个数
 private String data;//如果是combox时，选项取数来源
 private String colspan;//跨列
 private String ondblclick;//双击事件，只是针对参照列
 private String drillEvent;//数据钻取时调用的函数 
 private boolean hidden;//是否隐藏
 private boolean disabled;//是否可用
 private boolean sum;//是否汇总
 public ColumnTag()
    {
     super();
     name=null;
     label=null;
     type=null;
     width=null;
     height=null;
     size="14";
     data=null;
     colspan=null;
     ondblclick=null;
     drillEvent=null;
     hidden=false;
     disabled=false;
     sum=false;
    }
 public String getName() {
  return name;
 }
 public void setName(String name) {
  this.name = name;
 }
 public String getLabel() {
  return label;
 }
 public void setLabel(String label) {
  this.label = label;
 }
 public String getType() {
  return type;
 }
 public void setType(String type) {
  this.type = type;
 }
 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 String getSize() {
  return size;
 }
 public void setSize(String size) {
  this.size = size;
 }
 public String getData() {
  return data;
 }
 public void setData(String data) {
  this.data = data;
 }
 public String getColspan() {
  return colspan;
 }



 public void setColspan(String colspan) {
  this.colspan = colspan;
 }
 public String getOndblclick() {
  return ondblclick;
 }
 public void setOndblclick(String ondblclick) {
  this.ondblclick = ondblclick;
 }
 public String getDrillEvent() {
  return drillEvent;
 }
 public void setDrillEvent(String drillEvent) {
  this.drillEvent = drillEvent;
 }
 public boolean isHidden() {
  return hidden;
 }
 public void setHidden(boolean hidden) {
  this.hidden = hidden;
 }
 public boolean isDisabled() {
  return disabled;
 }
 public void setDisabled(boolean disabled) {
  this.disabled = disabled;
 }
 public boolean isSum() {
  return sum;
 }



 public void setSum(boolean sum) {
  this.sum = sum;
 }
 public int doEndTag() throws JspException {
  Column column=new Column();
  column.setName(name);
  column.setLabel(label);
  column.setType(type);
  column.setWidth(width);
  column.setHeight(height);
  column.setSize(size);
  column.setData(data);
  column.setColspan(colspan);
  column.setOndblclick(ondblclick);
  column.setDrillEvent(drillEvent);
  column.setHidden(hidden);
  column.setDisabled(disabled);
  column.setSum(sum);
  List list=(List)pageContext.getAttribute("columnHeader", 2);
  list.add(column);
  return 6;
 }
 public int doStartTag() throws JspException {
  
  return 0;
 }
 public void release() {



  super.release();
  name=null;
     label=null;
     type=null;
     width=null;
     height=null;
     data=null;
     colspan=null;
     size=null;
     ondblclick=null;
     drillEvent=null;
     hidden=false;
     disabled=false;
     sum=false;
 }
}



 



package com.ts.taglib.data;



import java.io.Serializable;
/**
 * 列数据
 * @author 陈双
 * @date 2012-09-23
 * @mail [email protected]  */
public class Column implements Serializable {



 private static final long serialVersionUID = -2581722061552795107L;
 private String name;//名称
 private String label;//标签
 private String type;//类型
 private String width;//宽度
 private String height;//高度
 private String size;//字符个数
 private String data;//如果是combox时，选项取数来源
 private String colspan;//跨列
 private String rowspan;//跨行
 private String ondblclick;//双击事件，只是针对参照列
 private String drillEvent;//数据钻取时调用的函数 
 private boolean hidden;//是否隐藏
 private boolean disabled;//是否可用
 private boolean sum;//是否汇总
 public String getName() {
  return name;
 }
 public void setName(String name) {
  this.name = name;
 }
 public String getLabel() {
  return label;
 }
 public void setLabel(String label) {
  this.label = label;
 }
 public String getType() {
  return type;
 }
 public void setType(String type) {
  this.type = type;
 }
 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 String getSize() {
  return size;
 }
 public void setSize(String size) {
  this.size = size;
 }
 public String getData() {
  return data;
 }
 public void setData(String data) {
  this.data = data;
 }
 public String getColspan() {
  return colspan;
 }
 public void setColspan(String colspan) {
  this.colspan = colspan;
 }
 public String getRowspan() {
  return rowspan;
 }
 public void setRowspan(String rowspan) {
  this.rowspan = rowspan;
 }
 public String getOndblclick() {
  return ondblclick;
 }
 public void setOndblclick(String ondblclick) {
  this.ondblclick = ondblclick;
 }
 public String getDrillEvent() {
  return drillEvent;
 }
 public void setDrillEvent(String drillEvent) {
  this.drillEvent = drillEvent;
 }
 public boolean isHidden() {
  return hidden;
 }
 public void setHidden(boolean hidden) {
  this.hidden = hidden;
 }
 public boolean isDisabled() {
  return disabled;
 }
 public void setDisabled(boolean disabled) {
  this.disabled = disabled;
 }
 public boolean isSum() {
  return sum;
 }
 public void setSum(boolean sum) {
  this.sum = sum;
 }
}



package com.ts.taglib.data;



import java.io.Serializable;
import java.util.List;
import java.util.Map;
/**
 * 用于构建多级表头动态列表格对象
 * @author 陈双
 * @date 2012-09-22
 * @mail [email protected]  *
 */
public class DataGrid implements Serializable {



 private static final long serialVersionUID = 3814622301555705194L;
    private String name;//名称
    private String width;//宽度
    private String height;//高度
    private boolean multiple;//多行数据是否有勾选框
    private List<Column[]> columns;//多级动态列
    private List<Map<String,Object>> data;//行数据
 private String dblclick;//双击事件
    public String getName() {
  return name;
 }
 public void setName(String name) {
  this.name = name;
 }
 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 boolean isMultiple() {
  return multiple;
 }
 public void setMultiple(boolean multiple) {
  this.multiple = multiple;
 }
 public List<Column[]> getColumns() {
  return columns;
 }
 public void setColumns(List<Column[]> columns) {
  this.columns = columns;
 }
 public List<Map<String, Object>> getData() {
  return data;
 }
 public void setData(List<Map<String, Object>> data) {
  this.data = data;
 }
 public String getDblclick() {
  return dblclick;
 }
 public void setDblclick(String dblclick) {
  this.dblclick = dblclick;
 }
 
}

[java] view plain copy print ?

js代码：

js代码：

[java] view plain copy print ?

<P>//===========================================================================
/**
*表格操作
<A href="mailto:*@author">*@author</A> 陈双
<A href="mailto:*@date">*@date</A> 2012-09-26
<A href="mailto:*@mail">*@mail</A> <A href="mailto:[email protected]">[email protected]</A>
*/
//===========================================================================
var globeVariable=new Map();//全局变量列表
/**
* 注册全局变量
* @param object 对象id
* @param property 变量名称
* @param value 值
* @return
*/
function put(object,property,value)
{
globeVariable.put(object+"_"+property,value);
}
/**
* 取出全局变量
* @param object 对象id
* @param property 变量名称
* @return
*/
function get(object,property)
{
return globeVariable.get(object+"_"+property);
}
/**
* 获取选中行单元格的值
* @param id 表格id
* @param cellIndex 单元格索引
* @param isMultiple 是否有勾选框
* @return Array 选中行的id值的集合
*/
function getSelectedCellValue(id,cellIndex,isMultiple){
if(!id)return null;
var values=new Array();//所有选中的id值
if(isMultiple)
{
var checkList=document.getElementsByName(id+"chbox");
var rows=new Array();//选中的行集合
var index=-1;
if(checkList && checkList.length>0)
{
for(var i=0;i<checkList.length;i++)
{
if(checkList[i].checked)
{
index++;
rows[index]=checkList[i].parentNode.parentNode;
}
}
}
if(rows.length==0)
{
alert("请选中一行！");
return null;
}
else
{
for(var i=0;i<rows.length;i++)
{
values[i]=rows[i].cells[parseInt(cellIndex)+2].innerText;
}
return values;
}
}
else
{
var _current_row=get(id,'_current_row');
if(_current_row==null)
{
alert("请选择一行！");
return null;
}
else
{
values[0]=document.getElementById(id).rows[_current_row].cells[parseInt(cellIndex)+1].innerText;
return values;
}
}
return null;
}
/**
* 创建可编辑的表格对象，并添加到指定的父节点中
* @param id 表格名称
* @param parentId 父节点id
* @param width 表格宽度
* @param height 表格高度
* @param isMultiple 多行是否有勾选框
* @param columns 表格所有的列，以数组的形式保存GridColumn对象
* @param rows 数据列表，它是以集合List的形式保存Map，其中key是name，value是值
* @param status 表格状态值: read只读，update可修改，insert新增
*/
function CreateTable(id,parentId,width,height,isMultiple,columns,rows)
{
if((!id)|(!parentId)||(!width)||(!height)||(!columns)||(!rows))
{
return;
}
var _sum_columns=null;//汇总列
var _isHbar=false;//是否有横向滚动条
var flag=false;//默认没有跨列操作
var first="";//声明第一列表
var title="";//标题表
var data="";//数据表
var sum="";//汇总表
var columnWidth=125;//默认列宽
for(var i=0;i<columns.length;i++)
{//检查是否有跨列操作
if(columns[i].colspan)
{
flag=true;
break;
}
}
put(id, 'flag', flag);
//构建标题列
if(flag)
{//有跨列操作
for(var i=0;i<2;i++)
{
if(i==0)
{
title="<tr><td class='firstcolumn' rowspan='2'> </td>";
if(isMultiple)
{
title+="<td class='column' width='30' rowspan='2' align='center'><input name='checkbox' type='checkbox' onclick=\"checkAllForGrid(this.checked,'"+id+"chbox');\"/></td>";
}
}
else
{
title+="<tr>";
}
for(var j=0;j<columns.length;j++)
{
if(columns[j].colspan)
{//执行跨列
if(i==0)
{//第一行
title+="<td class='column' align='center' colspan='"+columns[j].colspan+"'";
if(columns[j].width)
{
title+=" width='"+(columns[j].width*parseInt(columns[j].colspan))+"'";
}
else
{
title+=" width='"+(columnWidth*parseInt(columns[j].colspan))+"'";
}
title+=">"+(columns[j].label.split(",")[0])+"</td>";
}
else
{//第二行
title+="<td class='column' align='center'";
if(columns[j].hidden)
{
columns[j].width=1;
title+=" style=\"border:none;\"";
}
if(columns[j].width)
{
title+=" width='"+columns[j].width+"'";
}
else
{
title+=" width='"+columnWidth+"'";
}
title+=">"+(columns[j].label.split(",")[1])+"</td>";
}
}
else
{//执行跨行
var rs=columns[j].label.indexOf(',');//是否是跨列
if(i==0)
{//跨行操作
if(rs==-1)
{//跨行
title+="<td class='column' align='center' rowspan='2'";
if(columns[j].hidden)
{
columns[j].width=1;
title+=" style=\"border:none;\"";
}
if(columns[j].width)
{
title+=" width='"+columns[j].width+"'";
}
else
{
title+=" width='"+columnWidth+"'";
}
title+=">"+columns[j].label+"</td>";
}
}
else
{//跨列操作
if(rs!=-1)
{//跨行
title+="<td class='column' align='center'";
if(columns[j].hidden)
{
columns[j].width=1;
title+=" style=\"border:none;\"";
}
if(columns[j].width)
{
title+=" width='"+columns[j].width+"'";
}
else
{
title+=" width='"+columnWidth+"'";
}
title+=">"+(columns[j].label.split(',')[1])+"</td>";
}
}
}
}
if(i==0)
{//最后一列
title+="<td class='lastcolumn' rowspan='2'> </td></tr>";
}
else
{
title+="</tr>";
}
}
}
else
{//正常情况
title="<tr><td class='firstcolumn'> </td>";
if(isMultiple)
{
title+="<td class='column' width='30' align='center'><input name='checkbox' type='checkbox' onclick=\"checkAllForGrid(this.checked,'"+id+"chbox');\"/></td>";
}
for(var i=0;i<columns.length;i++)
{
title+="<td class='column' align='center'";
if(columns[i].hidden)
{
columns[i].width=1;
title+=" style=\"border:none;\"";
}
if(columns[i].width)
{
title+=" width='"+columns[i].width+"'";
}
else
{
title+=" width='"+columnWidth+"'";
}
title+=" onclick=\"sortTableForGrid('"+id+"',"+i+","+isMultiple+");\"";
title+=">"+columns[i].label+"<span></span></td>";
}
title+="<td class='lastcolumn'> </td></tr>";
}
if(columns&&columns.length>0)
{//汇总表格
sum="<tr><td class='firstcolumn'>汇总</td>";
if(isMultiple)
{
sum+="<td class='column' width='30'> </td>";
}
for(var i=0;i<columns.length;i++)
{
sum+="<td class='column' align='center'";
if(columns[i].hidden)
{
columns[i].width=1;
sum+=" style=\"border:none;\"";
}
if(columns[i].width)
{
sum+=" width='"+columns[i].width+"'";
}
else
{
sum+=" width='"+columnWidth+"'";
}
sum+="> </td>";
}
sum+="<td class='lastcolumn'> </td></tr>";
}
if(rows&&rows.size()>0)
{//构建第一列和数据表格
if(flag)
{
first="<tr><td> </td></tr>";
first+="<tr><td> </td></tr>";
}
else
{
first="<tr><td> </td></tr>";
}
for(var i=0;i<rows.size();i++)
{
first+="<tr><td style='border-right:none;'>"+(i+1)+"</td></tr>";
data+="<tr><td class='firstcolumn' style='border-bottom-color:#cccccc;'>"+(i+1)+"</td>";
if(isMultiple)
{
data+="<td width='30' align='center'><input type='checkbox' name='"+id+"chbox'/></td>";
}
var rowId="rowid_"+(i+1);
var map=rows.get(i);
for(var j=0;j<columns.length;j++)
{
data+="<td";
if(columns[j].hidden)
{
columns[j].width=1;
data+=" style=\"border-right:none;\"";
}
if(columns[j].width)
{
data+=" width='"+columns[j].width+"'";
}
else
{
data+=" width='"+columnWidth+"'";
}
data+=">";
data+=map.get(columns[j].name)==null?" ":map.get(columns[j].name);
data+="</td>";
}
data+="<td class='lastdata'>";
data+="<input name='rowid' type='hidden' value='"+(rowId)+"'/>";
data+=" </td></tr>";
}
}
//构建汇总列
_sum_columns=new Array();//初始化
var k=0;
for(var i=0;i<columns.length;i++)
{
if(columns[i].sum&&(columns[i].type=="int"||columns[i].type=="number"))
{
if(isMultiple)
{
_sum_columns[k]=i+2;
}
else
{
_sum_columns[k]=i+1;
}
k++;
}
}
put(id,'_sum_columns',_sum_columns);
var allWidth=0;
for(var i=0;i<columns.length;i++)
{
if(columns[i].width)
{
allWidth+=parseInt(columns[i].width);
}
else
{
allWidth+=parseInt(columnWidth);
}
}
allWidth+=30;
if(isMultiple)
{
allWidth+=30;
}
var total=1;
if(allWidth>width)
{
total=2;
_isHbar=true;
}
put(id, '_isHbar', _isHbar);
//构建隐藏行
for(var i=0;i<total;i++)
{
data+="<tr><td style=\"border:0;\"> </td>";
for(var j=0;j<columns.length;j++)
{
data+="<td style=\"border:0;\"> </td>";
}
data+="<td style=\"border:0;\"> </td>";
first+="<tr><td style=\"border:0;background-color:white;\"> </td></tr>";
}
var title_html="<table id='header_"+id+"' cellspacing='0' cellpadding='0' class='titlecolumn'>"+title+"</table>";
var first_html="<table id='first_"+id+"' cellspacing='0' cellpadding='0' class='slidecolumn'>"+first+"</table>";
var data_html="<table id='"+id+"' cellspacing='0' cellpadding='0' class='datacolumn'>";
data_html+=title+data+"</table>";
var sum_html="<table id='sum_"+id+"' cellspacing='0'"+" cellpadding='0' style='width:100%;position:absolute;top:";
if(_isHbar)
{
sum_html+=+(parseInt(height)-18-17);
}
else
{
sum_html+=(parseInt(height)-17);
}
sum_html+=";left:0;z-index:4;'/>"+sum+"</table>";
_execute(id, parentId, width, height, first_html+title_html+data_html+sum_html,isMultiple);
sumRowForGrid(id);
}
/**
* 列结构
* @param name名称
* @param label 标签
* @param type 类型
* @param width 宽度
* @param height 高度
* @param data 列数据来源是一个数组
* @param hidden 是否隐藏
* @param disabled 是否可用
* @param sum 是否汇总
* @param size 字符个数
* @param colspan 跨列
* @param rowspan 跨行
* @param ondblclick 鼠标双击事件
* @param drillEvent 数据钻取处理函数
*/
function GridColumn(name,label,type,width,height,data,hidden,disabled,sum,size,colspan,ondblclick,drillEvent)
{
this.name=name;
this.label=label;
this.type=type;
this.width=width;
this.height=height;
this.data=data;
this.hidden=hidden;
this.disabled=disabled;
this.sum=sum;
this.size=size;
this.colspan=colspan;
this.ondblclick=ondblclick;
this.drillEvent=drillEvent;
}
/**
<A href="mailto:*@param">*@param</A> 排序
<A href="mailto:*@param">*@param</A> id为表格id
<A href="mailto:*@param">*@param</A> index：列索引
<A href="mailto:*@param">*@param</A> sort：asc是升序,dsc是降序
<A href="mailto:*@param">*@param</A> isMultiple是否多行
*/
function sortTableForGrid(id,index,isMultiple)
{
var flag=get(id, 'flag');
var _isHbar=get(id, '_isHbar');
var tr=new Array();//行集合
var td=new Array();//列集合
var temp;//临时单元格
var table=document.getElementById(id);
var header=document.getElementById("header_"+id);
var sort;
if(flag)
{
return;
}
if(isMultiple)
{
index+=2;
}
else
{
index+=1;
}
var html=header.rows[0].cells[index].childNodes[1].innerHTML;
if(html=="")
{
sort="asc";
header.rows[0].cells[index].childNodes[1].innerHTML="▲";
}
else if(html=="▲")
{
sort="dsc";
header.rows[0].cells[index].childNodes[1].innerHTML="▼";
}
else if(html=="▼")
{
sort="asc";
header.rows[0].cells[index].childNodes[1].innerHTML="▲";
}
var k=1;
if(isMultiple)
{
k=2;
}
for(var i=k;i<header.rows[0].cells.length-1;i++)
{
if(i!=index)
{
header.rows[0].cells[i].childNodes[1].innerHTML="";
}
}
if(_isHbar)
{
for(var i=1;i<table.rows.length-3;i++)
{
tr[i-1]=table.rows[i];
td[i-1]=table.rows[i].cells[index];
}
}
else
{
for(var i=1;i<table.rows.length-2;i++)
{
tr[i-1]=table.rows[i];
td[i-1]=table.rows[i].cells[index];
}
}
var isNumber=false;//是数字
for(var i=0;i<td.length;i++)
{
if(!checkValueForGrid(td[i].innerHTML))
{
isNumber=true;//字符串
break;
}
}
//开始比较数据
for(var i=0;i<td.length;i++)
{
for(var j=0;j<td.length;j++)
{
if(isNumber)
{//字符串比较
if(sort=="asc")
{
if(td[i].innerHTML<td[j].innerHTML)
{
temp=td[i];
td[i]=td[j];
td[j]=temp;
}
}
else if(sort=="dsc")
{
if(td[i].innerHTML>td[j].innerHTML)
{
temp=td[i];
td[i]=td[j];
td[j]=temp;
}
}
}
else
{//数字比较
if(sort=="asc")
{
if(parseFloat(td[i].innerHTML)<parseFloat(td[j].innerHTML))
{
temp=td[i];
td[i]=td[j];
td[j]=temp;
}
}
else if(sort=="dsc")
{
if(parseFloat(td[i].innerHTML)>parseFloat(td[j].innerHTML))
{
temp=td[i];
td[i]=td[j];
td[j]=temp;
}
}
}
}
}
var cellCount=table.rows[0].cells.length;
var tempTR=new Array();//临时行
for(var i=0;i<tr.length;i++)
{
var tempTD=new Array();//临时列集合
for(var j=k;j<cellCount-1;j++)
{
tempTD[j]=td[i].parentNode.cells[j].innerHTML;
}
tempTR[i]=tempTD;
}
for(var i=0;i<tr.length;i++)
{
for(var j=k;j<cellCount-1;j++)
{
tr[i].cells[j].innerHTML=tempTR[i][j];
}
}
}
/**
*汇总行
<A href="mailto:*@param">*@param</A> id 表格id
<A href="mailto:*@param">*@param</A> columns 汇总列数组
*/
function sumRowForGrid(id)
{
var columns=get(id,'_sum_columns');
var _isHbar=get(id,'_isHbar');
var flag=get(id,'flag');
if(columns==undefined||columns.length==0)
{
return;
}
var sumTR=new Array();//汇总行临时数据
var table=document.getElementById(id);
var sum_table=document.getElementById("sum_"+id);
if((_isHbar&&flag==false&&table.rows.length==3)||(_isHbar&&flag&&table.rows.length==4)||(!_isHbar&&flag&&table.rows.length==3)||(!_isHbar&&!flag&&table.rows.length==2))
{
for(var i=0;i<columns.length;i++)
{
sum_table.rows[0].cells[columns[i]].innerHTML=' ';
}
return;
}
var index=1;
if(flag)
{
index=2;
}
var end=table.rows.length-1;
if(_isHbar)
{
end=table.rows.length-2;
}
for(var i=index;i<end;i++)
{
for(var j=0;j<columns.length;j++)
{
var value=table.rows[i].cells[columns[j]].innerText;
if(!checkValueForGrid(value))
{
value="0";
}
if(sumTR[j]==undefined)
{
sumTR[j]=value;
}
else if(sumTR[j]!="")
{
sumTR[j]=parseFloat(sumTR[j])+parseFloat(value);
}
}
}
//填充汇总行
for(var i=0;i<columns.length;i++)
{
sum_table.rows[0].cells[columns[i]].innerHTML=sumTR[i];
}
}
/**
*检查value是否为数字,返回true是数字，返回false为字符串
<A href="mailto:*@param">*@param</A> value要检查的值
*/
function checkValueForGrid(value)
{
if(value && value.length>0)
{
var newValue=value.replace(/\s+/g,"");
value=newValue;
}
else
{
return false;
}
if(value.length>0 && value.indexOf('.')!=-1)
{//判断是否是小数
var express=/^\d+.\d+$/;//匹配小数
if(express.test(value)){
return true;
}
else
{
return false;
}
}
else
{
var express=/^\d+$/;
if(express.test(value))
{
return true;
}
else
{
return false;
}
}
return false;
}
/**
* 全选
<A href="mailto:*@param">*@param</A> checked是否选中true为选中，false没选中
<A href="mailto:*@param">*@param</A> name 名称
*/
function checkAllForGrid(checked,name)
{
var checkList=document.getElementsByName(name);
if(checkList && checkList.length>0)
{
for(var i=0;i<checkList.length;i++)
{
checkList[i].checked=checked;
}
}
}</P><P>/**
* 构建表格以及滚动条
* @param id 表格id
* @param parentId 父节点，将建构建好的表格节点添加到父节点中
* @param width 表格宽度
* @param height 表格高度
* @param ondblclick 表格双击事件
* @param html (构建好的表格=序列号表格+表头表格+数据表格+汇总表格)
* @return
*/
function _execute(id,parentId,width,height,html,isMultiple)
{
/**
* 定义构建表格需要的变量
*/
var _first_object=null;//第一列，序数表格
var _header_object=null;//表头
var _data_object=null;//数据表格
var _sum_object=null;//汇总表格
var _hbar_object=null;//横向滚动条
var _vbar_object=null;//纵向滚动条
var _current_row=null;//当前选中行
var mainFrame=document.createElement("DIV");
mainFrame.id="DIV_"+id;
mainFrame.style.width=width;
mainFrame.style.height=height;
mainFrame.className="datagrid";
mainFrame.onmousedown=function (e){//鼠标按下事件
e=e||window.event;
_selectedRow(e,id,isMultiple);//选中行
}
mainFrame.innerHTML=html;
/*
* 添加滚动事件，根据IE的冒泡特性子节点事件触发自后如果父节点也有相同的事件
* 就会接着执行父节点的事件
*/
_addScrollEvent(mainFrame,id);
//构建横向滚动条
var hbar=document.createElement("DIV");
hbar.id="hbar";
hbar.style.position="absolute";
hbar.style.width="100%";
hbar.style.height="17px";
hbar.style.overflowX="auto";
hbar.style.top=height-17;
hbar.style.zIndex="10";
hbar.onscroll=function(){
_h_scroll(id);//横向滚动
}
hbar.innerHTML="<div style=\"width:100%;height:1px;overflow-y:hidden;\"> </div>";
//构建纵向滚动条
var vbar=document.createElement("DIV");
vbar.id="vbar";
vbar.style.position="absolute";
vbar.style.width="17px";
vbar.style.height="100%";
vbar.style.overflowY="auto";
vbar.style.left=width-17;
vbar.style.zIndex="10";
vbar.onscroll=function(){
_v_scroll(id);//纵向滚动
}
vbar.innerHTML="<div style=\"width:1px;height:100%;overflow-x:hidden;\"> </div>";
//将表格和滚动条组合在一起
mainFrame.appendChild(hbar);
mainFrame.appendChild(vbar);
//将构建好的表格节点追加到父节点中
document.getElementById(parentId).appendChild(mainFrame);
_first_object=document.getElementById("first_"+id);//第一列，序数表格
_header_object=document.getElementById("header_"+id);//表头
_data_object=document.getElementById(id);//数据表格
_sum_object=document.getElementById("sum_"+id);//汇总表格
_hbar_object=hbar;//横向滚动条
_vbar_object=vbar;//纵向滚动条
/*
* 注册全局变量
*/
put(id,'_first_object',_first_object);
put(id,'_header_object',_header_object);
put(id,'_data_object',_data_object);
put(id,'_sum_object',_sum_object);
put(id,'_hbar_object',_hbar_object);
put(id,'_vbar_object',_vbar_object);
var bt=_getCurrentStyle(mainFrame,"borderTopWidth");
var bb=_getCurrentStyle(mainFrame,"borderBottomWidth");
var bl=_getCurrentStyle(mainFrame,"borderLeftWidth");
var br=_getCurrentStyle(mainFrame,"borderRightWidth");
_hbar_object.style.top=parseInt(_hbar_object.style.top)-parseInt(bt)-parseInt(bb);
_vbar_object.style.left=parseInt(_vbar_object.style.left)-parseInt(bl)-parseInt(br);
_block_scroll(id);//设置滚动块
}
/**
* 当鼠标按下时选中行
* @param e
* @return
*/
function _selectedRow(e,id,isMultiple)
{
if(isMultiple)
return;
var td_object=e.srcElement?e.srcElement:e.target;
var _data_object=get(id,'_data_object');
var table=document.getElementById(id);
if(td_object.parentNode.tagName=="TR")
{
var tr_object=td_object.parentNode;
var rowIndex=tr_object.rowIndex;//行索引
var _current_row=get(id,'_current_row');
var flag=get(id,'flag');
var _isHbar=get(id,'_isHbar');
if(flag)
{
if(rowIndex==0||rowIndex==1)
{
return;
}
}
else
{
if(rowIndex==0)
{
return;
}
}
if(_isHbar)
{
if(rowIndex==table.rows.length-1||rowIndex==table.rows.length-2)
{
return;
}
}
else
{
if(rowIndex==table.rows.length-1)
{
return;
}
}
if(_current_row!=null)
{//取消之前的选中行状态
_data_object.rows[_current_row].className="";
}
//重新设置选中行状态
_data_object.rows[rowIndex].className="selectedrow";
_current_row=rowIndex;
put(id,'_current_row',_current_row);
}
}
/**
* 添加滚动事件监听器
* @param element要添加事件的父节点
* @return
*/
function _addScrollEvent(element,id)
{
var handler=function(e)
{
_mouseScrollEvent.call(this, e,id);
}
if(document.attachEvent)
{//微软自定义的添加事件监听器
element.attachEvent("onmousewheel",handler);
}
else
{//W3C规范定义的添加事件监听器
element.addEventListener("DOMMouseScroll",handler,false);
}
}
/**
* 鼠标轮滚动事件和列表事件
* @param e
* @return
*/
function _mouseScrollEvent(e,id)
{
e=e||window.event;
var _vbar_object=get(id,'_vbar_object');
if(e.wheelDelta<=0 || e.detail>0)
{
_vbar_object.scrollTop+=18;//设置滚动步长为一行的高度
}
else
{
_vbar_object.scrollTop-=18;
}
}
/**
* 横向滚动
* @return
*/
function _h_scroll(id)
{
var _hbar_object=get(id,'_hbar_object');
var _header_object=get(id,'_header_object');
var _data_object=get(id,'_data_object');
var _sum_object=get(id,'_sum_object');
_header_object.style.left=-(_hbar_object.scrollLeft);
_data_object.style.left=-(_hbar_object.scrollLeft);
_sum_object.style.left=-(_hbar_object.scrollLeft);
}
/**
*纵向滚动
* @return
*/
function _v_scroll(id)
{
var _vbar_object=get(id,'_vbar_object');
var _first_object=get(id,'_first_object');
var _data_object=get(id,'_data_object');
_first_object.style.top=-(_vbar_object.scrollTop);
_data_object.style.top=-(_vbar_object.scrollTop);
}
/**
* 取出当前元素非style定义的样式
* @param element
* @param property
* @return
*/
function _getCurrentStyle(element,property)
{
if(element.currentStyle)
{//元素中非style定义的样式，包括内嵌样式和外部样式表中定义的样式
return element.currentStyle[property];
}
else if(window.getComputedStyle)
{//firefox的方式
property=property.replace(/([A-Z])/g, "-$1").toLowerCase();
return window.getComputedStyle(element,null).getPropertyValue(property);
}
else
{
return null;
}
}
/**
* 设置滚动块
* @return
*/
function _block_scroll(id)
{
var _hbar_object=get(id,'_hbar_object');
var _vbar_object=get(id,'_vbar_object');
var _data_object=get(id,'_data_object');
_hbar_object.style.display="block";
_vbar_object.style.display="block";
_hbar_object.childNodes[0].style.width=_data_object.offsetWidth;
_vbar_object.childNodes[0].style.height=_data_object.offsetHeight;
if(_hbar_object.childNodes[0].offsetWidth<=_hbar_object.offsetWidth)
{
_hbar_object.style.display="none";
}
if(_vbar_object.childNodes[0].offsetHeight<=_vbar_object.offsetHeight)
{
_vbar_object.style.display="none";
}
}</P>


//===========================================================================
/**
 *表格操作
 *@author 陈双
 *@date 2012-09-26
 *@mail [email protected]  */
//===========================================================================
var globeVariable=new Map();//全局变量列表
/**
 * 注册全局变量
 * @param object 对象id
 * @param property 变量名称
 * @param value 值
 * @return
 */
function put(object,property,value)
{
 globeVariable.put(object+"_"+property,value);
}
/**
 * 取出全局变量
 * @param object 对象id
 * @param property 变量名称
 * @return
 */
function get(object,property)
{
 return globeVariable.get(object+"_"+property);
}
/**
 * 获取选中行单元格的值
 * @param id 表格id
 * @param cellIndex 单元格索引
 * @param isMultiple 是否有勾选框
 * @return Array 选中行的id值的集合
 */
function getSelectedCellValue(id,cellIndex,isMultiple){
 if(!id)return null;
 var values=new Array();//所有选中的id值
 if(isMultiple)
 {
  var checkList=document.getElementsByName(id+"chbox");
  var rows=new Array();//选中的行集合
  var index=-1;
  if(checkList && checkList.length>0)
  {
   for(var i=0;i<checkList.length;i++)
   {
    if(checkList[i].checked)
    {
     index++;
     rows[index]=checkList[i].parentNode.parentNode;
    }
   }
  }
  if(rows.length==0)
  {
   alert("请选中一行！");
   return null;
  }
  else
  {
   for(var i=0;i<rows.length;i++)
   {
    values[i]=rows[i].cells[parseInt(cellIndex)+2].innerText;
   }
   return values;
  }
 }
 else
 {
  var _current_row=get(id,'_current_row');
  if(_current_row==null)
  {
   alert("请选择一行！");
   return null;
  }
  else
  {
   values[0]=document.getElementById(id).rows[_current_row].cells[parseInt(cellIndex)+1].innerText;
   return values;
  }
 }
 return null;
}
/**
 * 创建可编辑的表格对象，并添加到指定的父节点中
 * @param id 表格名称
 * @param parentId 父节点id
 * @param width 表格宽度
 * @param height 表格高度
 * @param isMultiple 多行是否有勾选框
 * @param columns 表格所有的列，以数组的形式保存GridColumn对象
 * @param rows 数据列表，它是以集合List的形式保存Map，其中key是name，value是值
 * @param status 表格状态值: read只读，update可修改，insert新增
 */
function CreateTable(id,parentId,width,height,isMultiple,columns,rows)
{
 if((!id)|(!parentId)||(!width)||(!height)||(!columns)||(!rows))
 {
  return;
 }
 var _sum_columns=null;//汇总列
 var _isHbar=false;//是否有横向滚动条
 var flag=false;//默认没有跨列操作
 var first="";//声明第一列表
 var title="";//标题表
 var data="";//数据表
 var sum="";//汇总表
 var columnWidth=125;//默认列宽
 for(var i=0;i<columns.length;i++)
 {//检查是否有跨列操作
  if(columns[i].colspan)
  {
   flag=true;
   break;
  }
 }
 put(id, 'flag', flag);
 //构建标题列
 if(flag)
 {//有跨列操作
  for(var i=0;i<2;i++)
  {
   if(i==0)
   {
    title="<tr><td class='firstcolumn' rowspan='2'>&nbsp;</td>";
    if(isMultiple)
    {
     title+="<td class='column' width='30' rowspan='2' align='center'><input name='checkbox' type='checkbox' onclick=\"checkAllForGrid(this.checked,'"+id+"chbox');\"/></td>";
    }
   }
   else
   {
    title+="<tr>";
   }
   for(var j=0;j<columns.length;j++)
   {
    if(columns[j].colspan)
    {//执行跨列
     if(i==0)
     {//第一行
      title+="<td class='column' align='center' colspan='"+columns[j].colspan+"'";
      if(columns[j].width)
      {
       title+=" width='"+(columns[j].width*parseInt(columns[j].colspan))+"'";
      }
      else
      {
       title+=" width='"+(columnWidth*parseInt(columns[j].colspan))+"'";
      }
      title+=">"+(columns[j].label.split(",")[0])+"</td>";
     }
     else
     {//第二行
      title+="<td class='column' align='center'";
      if(columns[j].hidden)
      {
       columns[j].width=1;
       title+=" style=\"border:none;\"";
      }
      if(columns[j].width)
      {
       title+=" width='"+columns[j].width+"'";
      }
      else
      {
       title+=" width='"+columnWidth+"'";
      }
      title+=">"+(columns[j].label.split(",")[1])+"</td>";
     }
    }
    else 
    {//执行跨行
     var rs=columns[j].label.indexOf(',');//是否是跨列
     if(i==0)
     {//跨行操作
      if(rs==-1)
      {//跨行
       title+="<td class='column' align='center' rowspan='2'";
       if(columns[j].hidden)
       {
        columns[j].width=1;
        title+=" style=\"border:none;\"";
       }
       if(columns[j].width)
       {
        title+=" width='"+columns[j].width+"'";
       }
       else
       {
        title+=" width='"+columnWidth+"'";
       }
       title+=">"+columns[j].label+"</td>";
      }
     }
     else
     {//跨列操作
      if(rs!=-1)
      {//跨行
       title+="<td class='column' align='center'";
       if(columns[j].hidden)
       {
        columns[j].width=1;
        title+=" style=\"border:none;\"";
       }
       if(columns[j].width)
       {
        title+=" width='"+columns[j].width+"'";
       }
       else
       {
        title+=" width='"+columnWidth+"'";
       }
       title+=">"+(columns[j].label.split(',')[1])+"</td>";
      }
     }
    }
   }
   if(i==0)
   {//最后一列
    title+="<td class='lastcolumn' rowspan='2'>&nbsp;</td></tr>";
   }
   else
   {
    title+="</tr>";
   }
  }
 }
 else
 {//正常情况
  title="<tr><td class='firstcolumn'>&nbsp;</td>";
  if(isMultiple)
  {
   title+="<td class='column' width='30' align='center'><input name='checkbox' type='checkbox' onclick=\"checkAllForGrid(this.checked,'"+id+"chbox');\"/></td>";
  }
  for(var i=0;i<columns.length;i++)
  {
   title+="<td class='column' align='center'";
   if(columns[i].hidden)
   {
    columns[i].width=1;
    title+=" style=\"border:none;\"";
   }
   if(columns[i].width)
   {
    title+=" width='"+columns[i].width+"'";
   }
   else
   {
    title+=" width='"+columnWidth+"'";
   } 
   title+=" onclick=\"sortTableForGrid('"+id+"',"+i+","+isMultiple+");\"";
   title+=">"+columns[i].label+"<span></span></td>";
  }
  title+="<td class='lastcolumn'>&nbsp;</td></tr>";
 }
 if(columns&&columns.length>0)
 {//汇总表格
  sum="<tr><td class='firstcolumn'>汇总</td>";
  if(isMultiple)
  {
   sum+="<td class='column' width='30'>&nbsp;</td>";
  }
  for(var i=0;i<columns.length;i++)
  {
   sum+="<td class='column' align='center'";
   if(columns[i].hidden)
   {
    columns[i].width=1;
    sum+=" style=\"border:none;\"";
   }
   if(columns[i].width)
   {
    sum+=" width='"+columns[i].width+"'";
   }
   else
   {
    sum+=" width='"+columnWidth+"'";
   } 
   sum+=">&nbsp;</td>";
  }
  sum+="<td class='lastcolumn'>&nbsp;</td></tr>";
 }
 if(rows&&rows.size()>0)
 {//构建第一列和数据表格
  if(flag)
  {
   first="<tr><td>&nbsp;</td></tr>";
   first+="<tr><td>&nbsp;</td></tr>";
  }
  else
  {
   first="<tr><td>&nbsp;</td></tr>";
  }
  
  for(var i=0;i<rows.size();i++)
  {
   first+="<tr><td style='border-right:none;'>"+(i+1)+"</td></tr>";
   data+="<tr><td class='firstcolumn' style='border-bottom-color:#cccccc;'>"+(i+1)+"</td>";
   if(isMultiple)
   {
    data+="<td width='30' align='center'><input type='checkbox' name='"+id+"chbox'/></td>";
   }
   var rowId="rowid_"+(i+1);
   var map=rows.get(i);
   for(var j=0;j<columns.length;j++)
   {
    data+="<td";
    if(columns[j].hidden)
    {
     columns[j].width=1;
     data+=" style=\"border-right:none;\"";
    }
    if(columns[j].width)
    {
     data+=" width='"+columns[j].width+"'";
    }
    else
    {
     data+=" width='"+columnWidth+"'";
    }
    data+=">";
    data+=map.get(columns[j].name)==null?"&nbsp;":map.get(columns[j].name);
    data+="</td>";
   }
   data+="<td class='lastdata'>";
   data+="<input name='rowid' type='hidden' value='"+(rowId)+"'/>";
   data+="&nbsp;</td></tr>";
  }
 }
 //构建汇总列
    _sum_columns=new Array();//初始化
 var k=0;
 for(var i=0;i<columns.length;i++)
 {
  if(columns[i].sum&&(columns[i].type=="int"||columns[i].type=="number"))
  {
   if(isMultiple)
   {
    _sum_columns[k]=i+2;
   }
   else
   {
    _sum_columns[k]=i+1;
   }
   k++;
  }
 }
 put(id,'_sum_columns',_sum_columns);
 var allWidth=0;
 for(var i=0;i<columns.length;i++)
 {
  if(columns[i].width)
  {
   allWidth+=parseInt(columns[i].width);
  }
  else 
  {
   allWidth+=parseInt(columnWidth);
  }
 }
 allWidth+=30;
 if(isMultiple)
 {
  allWidth+=30;
 }
 var total=1;
 if(allWidth>width)
 {
  total=2;
  _isHbar=true;
 }
 put(id, '_isHbar', _isHbar);
 //构建隐藏行
 for(var i=0;i<total;i++)
 {
  data+="<tr><td style=\"border:0;\">&nbsp;</td>";
  for(var j=0;j<columns.length;j++)
  {
   data+="<td style=\"border:0;\">&nbsp;</td>";
  }
  data+="<td style=\"border:0;\">&nbsp;</td>";
  first+="<tr><td style=\"border:0;background-color:white;\">&nbsp;</td></tr>";
 }
 var title_html="<table id='header_"+id+"' cellspacing='0' cellpadding='0' class='titlecolumn'>"+title+"</table>";
 var first_html="<table id='first_"+id+"' cellspacing='0' cellpadding='0' class='slidecolumn'>"+first+"</table>";
 var data_html="<table id='"+id+"' cellspacing='0' cellpadding='0' class='datacolumn'>";
 data_html+=title+data+"</table>";
 var sum_html="<table id='sum_"+id+"' cellspacing='0'"+" cellpadding='0' style='width:100%;position:absolute;top:";
 if(_isHbar)
 {
  sum_html+=+(parseInt(height)-18-17);
 }
 else
 {
  sum_html+=(parseInt(height)-17);
 }
 sum_html+=";left:0;z-index:4;'/>"+sum+"</table>";
 _execute(id, parentId, width, height, first_html+title_html+data_html+sum_html,isMultiple);
 sumRowForGrid(id);
}
/**
 * 列结构
 * @param name名称
 * @param label 标签
 * @param type 类型
 * @param width 宽度
 * @param height 高度
 * @param data 列数据来源是一个数组
 * @param hidden 是否隐藏
 * @param disabled 是否可用
 * @param sum 是否汇总
 * @param size 字符个数
 * @param colspan 跨列
 * @param rowspan 跨行
 * @param ondblclick 鼠标双击事件
 * @param drillEvent 数据钻取处理函数
 */
function GridColumn(name,label,type,width,height,data,hidden,disabled,sum,size,colspan,ondblclick,drillEvent)
{
 this.name=name;
 this.label=label;
 this.type=type;
 this.width=width;
 this.height=height;
 this.data=data;
 this.hidden=hidden;
 this.disabled=disabled;
 this.sum=sum;
 this.size=size;
 this.colspan=colspan;
 this.ondblclick=ondblclick;
 this.drillEvent=drillEvent;
}
/**
 *@param 排序
 *@param id为表格id
 *@param index：列索引
 *@param sort：asc是升序,dsc是降序
 *@param isMultiple是否多行
 */
function sortTableForGrid(id,index,isMultiple)
{
 var flag=get(id, 'flag');
 var _isHbar=get(id, '_isHbar');
 var tr=new Array();//行集合
 var td=new Array();//列集合
 var temp;//临时单元格
    var table=document.getElementById(id);
    var header=document.getElementById("header_"+id);
    var sort;
    if(flag)
    {
     return;
    }
    if(isMultiple)
    {
     index+=2;
    }
    else
    {
     index+=1;
    }
    var html=header.rows[0].cells[index].childNodes[1].innerHTML;
    if(html=="")
    {
       sort="asc";
       header.rows[0].cells[index].childNodes[1].innerHTML="▲";
    }
    else if(html=="▲")
    {
       sort="dsc";
       header.rows[0].cells[index].childNodes[1].innerHTML="▼";
    }
    else if(html=="▼")
    {
       sort="asc";
       header.rows[0].cells[index].childNodes[1].innerHTML="▲";
    }
    var k=1;
    if(isMultiple)
    {
     k=2;
    }
    for(var i=k;i<header.rows[0].cells.length-1;i++)
    {
       if(i!=index)
       {
           header.rows[0].cells[i].childNodes[1].innerHTML="";
       }
    }
    if(_isHbar)
    {
     for(var i=1;i<table.rows.length-3;i++)
        {
           tr[i-1]=table.rows[i];
           td[i-1]=table.rows[i].cells[index];
        }
    }
    else
    {
     for(var i=1;i<table.rows.length-2;i++)
        {
           tr[i-1]=table.rows[i];
           td[i-1]=table.rows[i].cells[index];
        }
    }
    
    var isNumber=false;//是数字
    for(var i=0;i<td.length;i++)
    {
       if(!checkValueForGrid(td[i].innerHTML))
       {
       isNumber=true;//字符串
          break;
       }
    }
    //开始比较数据
    for(var i=0;i<td.length;i++)
    {
         for(var j=0;j<td.length;j++)
         {
            if(isNumber)
            {//字符串比较
                if(sort=="asc")
                {
                     if(td[i].innerHTML<td[j].innerHTML)
                     {
                         temp=td[i];
                         td[i]=td[j];
                         td[j]=temp;
                     }
                }
                else if(sort=="dsc")
                {
                    if(td[i].innerHTML>td[j].innerHTML)
                     {
                         temp=td[i];
                         td[i]=td[j];
                         td[j]=temp;
                     }
                }
            }
            else
            {//数字比较
               if(sort=="asc")
                {
                     if(parseFloat(td[i].innerHTML)<parseFloat(td[j].innerHTML))
                     {
                         temp=td[i];
                         td[i]=td[j];
                         td[j]=temp;
                     }
                }
                else if(sort=="dsc")
                {
                    if(parseFloat(td[i].innerHTML)>parseFloat(td[j].innerHTML))
                     {
                         temp=td[i];
                         td[i]=td[j];
                         td[j]=temp;
                     }
                }
            }
         }
    }
    var cellCount=table.rows[0].cells.length;
    var tempTR=new Array();//临时行
    for(var i=0;i<tr.length;i++)
    {
        var tempTD=new Array();//临时列集合
        for(var j=k;j<cellCount-1;j++)
        {
           tempTD[j]=td[i].parentNode.cells[j].innerHTML;
        }
        tempTR[i]=tempTD;
    }
    for(var i=0;i<tr.length;i++)
    {
       for(var j=k;j<cellCount-1;j++)
       {
           tr[i].cells[j].innerHTML=tempTR[i][j];
       }
    }
}
/**
 *汇总行
 *@param id 表格id
 *@param columns 汇总列数组
 */
function sumRowForGrid(id)
{
   var columns=get(id,'_sum_columns');
   var _isHbar=get(id,'_isHbar');
   var flag=get(id,'flag');
   if(columns==undefined||columns.length==0)
   {
        return;
   }
   var sumTR=new Array();//汇总行临时数据
   var table=document.getElementById(id);
   var sum_table=document.getElementById("sum_"+id);
   if((_isHbar&&flag==false&&table.rows.length==3)||(_isHbar&&flag&&table.rows.length==4)||(!_isHbar&&flag&&table.rows.length==3)||(!_isHbar&&!flag&&table.rows.length==2))
   {
    for(var i=0;i<columns.length;i++)
    {
     sum_table.rows[0].cells[columns[i]].innerHTML='&nbsp;';
    }
    return;
   }
   var index=1;
   if(flag)
   {
    index=2;
   }
   var end=table.rows.length-1;
   if(_isHbar)
   {
     end=table.rows.length-2;
   }
   for(var i=index;i<end;i++)
   {
       for(var j=0;j<columns.length;j++)
       {
          var value=table.rows[i].cells[columns[j]].innerText;
          if(!checkValueForGrid(value))
          {
             value="0";
          }
          if(sumTR[j]==undefined)
          {
              sumTR[j]=value;
          }
          else if(sumTR[j]!="")
          {
              sumTR[j]=parseFloat(sumTR[j])+parseFloat(value);
          }
       }
   }
   //填充汇总行
   for(var i=0;i<columns.length;i++)
   {
    sum_table.rows[0].cells[columns[i]].innerHTML=sumTR[i];
   }
}
/**
 *检查value是否为数字,返回true是数字，返回false为字符串
 *@param value要检查的值
 */
function checkValueForGrid(value)
{
  if(value && value.length>0)
  {
    var newValue=value.replace(/\s+/g,"");
    value=newValue;
  }
  else
  {
   return false;
  }
  if(value.length>0 && value.indexOf('.')!=-1)
  {//判断是否是小数
   var express=/^\d+.\d+$/;//匹配小数
   if(express.test(value)){
     return true;
   }
   else
   {
    return false;
   }
  }
  else
  {
   var express=/^\d+$/;
   if(express.test(value))
   {
    return true;
   }
   else
   {
    return false;
   }
  }
  return false; 
}
/**
 * 全选
 *@param checked是否选中true为选中，false没选中
 *@param name 名称
 */
function checkAllForGrid(checked,name)
{
 var checkList=document.getElementsByName(name);
 if(checkList && checkList.length>0)
 {
  for(var i=0;i<checkList.length;i++)
  {
   checkList[i].checked=checked;
  }
 }
}



/**
 * 构建表格以及滚动条
 * @param id 表格id
 * @param parentId 父节点，将建构建好的表格节点添加到父节点中
 * @param width 表格宽度
 * @param height 表格高度
 * @param ondblclick 表格双击事件
 * @param html (构建好的表格=序列号表格+表头表格+数据表格+汇总表格)
 * @return
 */
function _execute(id,parentId,width,height,html,isMultiple)
{
 /**
  * 定义构建表格需要的变量
  */
 var _first_object=null;//第一列，序数表格
 var _header_object=null;//表头
 var _data_object=null;//数据表格
 var _sum_object=null;//汇总表格
 var _hbar_object=null;//横向滚动条
 var _vbar_object=null;//纵向滚动条
 var _current_row=null;//当前选中行
 var mainFrame=document.createElement("DIV");
 mainFrame.id="DIV_"+id;
 mainFrame.style.width=width;
 mainFrame.style.height=height;
 mainFrame.className="datagrid";
 mainFrame.onmousedown=function (e){//鼠标按下事件
  e=e||window.event;
  _selectedRow(e,id,isMultiple);//选中行
 }
 mainFrame.innerHTML=html;
 /*
  * 添加滚动事件，根据IE的冒泡特性子节点事件触发自后如果父节点也有相同的事件
  * 就会接着执行父节点的事件
  */
 _addScrollEvent(mainFrame,id);
 //构建横向滚动条
 var hbar=document.createElement("DIV");
 hbar.id="hbar";
 hbar.style.position="absolute";
 hbar.style.width="100%";
 hbar.style.height="17px";
 hbar.style.overflowX="auto";
 hbar.style.top=height-17;
 hbar.style.zIndex="10";
 hbar.onscroll=function(){
  _h_scroll(id);//横向滚动
 }
 hbar.innerHTML="<div style=\"width:100%;height:1px;overflow-y:hidden;\">&nbsp;</div>";
 //构建纵向滚动条
 var vbar=document.createElement("DIV");
 vbar.id="vbar";
 vbar.style.position="absolute";
 vbar.style.width="17px";
 vbar.style.height="100%";
 vbar.style.overflowY="auto";
 vbar.style.left=width-17;
 vbar.style.zIndex="10";
 vbar.onscroll=function(){
  _v_scroll(id);//纵向滚动
 }
 vbar.innerHTML="<div style=\"width:1px;height:100%;overflow-x:hidden;\">&nbsp;</div>";
 //将表格和滚动条组合在一起
 mainFrame.appendChild(hbar);
 mainFrame.appendChild(vbar);
 //将构建好的表格节点追加到父节点中
 document.getElementById(parentId).appendChild(mainFrame);
 _first_object=document.getElementById("first_"+id);//第一列，序数表格
 _header_object=document.getElementById("header_"+id);//表头
 _data_object=document.getElementById(id);//数据表格
 _sum_object=document.getElementById("sum_"+id);//汇总表格
 _hbar_object=hbar;//横向滚动条
 _vbar_object=vbar;//纵向滚动条
 /*
  * 注册全局变量
  */
 put(id,'_first_object',_first_object);
 put(id,'_header_object',_header_object);
 put(id,'_data_object',_data_object);
 put(id,'_sum_object',_sum_object);
 put(id,'_hbar_object',_hbar_object);
 put(id,'_vbar_object',_vbar_object);
 var bt=_getCurrentStyle(mainFrame,"borderTopWidth");
 var bb=_getCurrentStyle(mainFrame,"borderBottomWidth");
 var bl=_getCurrentStyle(mainFrame,"borderLeftWidth");
 var br=_getCurrentStyle(mainFrame,"borderRightWidth");
 _hbar_object.style.top=parseInt(_hbar_object.style.top)-parseInt(bt)-parseInt(bb);
 _vbar_object.style.left=parseInt(_vbar_object.style.left)-parseInt(bl)-parseInt(br);
 _block_scroll(id);//设置滚动块
}
/**
 * 当鼠标按下时选中行
 * @param e
 * @return
 */
function _selectedRow(e,id,isMultiple)
{
 if(isMultiple)
  return;
 var td_object=e.srcElement?e.srcElement:e.target;
 var _data_object=get(id,'_data_object');
 var table=document.getElementById(id);
 if(td_object.parentNode.tagName=="TR")
 {
  var tr_object=td_object.parentNode;
  var rowIndex=tr_object.rowIndex;//行索引
  var _current_row=get(id,'_current_row');
  var flag=get(id,'flag');
  var _isHbar=get(id,'_isHbar');
  if(flag)
  {
   if(rowIndex==0||rowIndex==1)
   {
    return;
   }
  }
  else
  {
   if(rowIndex==0)
   {
    return;
   }
  }
  if(_isHbar)
  {
   if(rowIndex==table.rows.length-1||rowIndex==table.rows.length-2)
   {
    return;
   }
  }
  else
  {
   if(rowIndex==table.rows.length-1)
   {
    return;
   }
  }
  if(_current_row!=null)
  {//取消之前的选中行状态
   _data_object.rows[_current_row].className="";
  }
  //重新设置选中行状态
  _data_object.rows[rowIndex].className="selectedrow";
  _current_row=rowIndex;
  put(id,'_current_row',_current_row);
 }
}
/**
 * 添加滚动事件监听器
 * @param element要添加事件的父节点
 * @return
 */
function _addScrollEvent(element,id)
{
 var handler=function(e)
 {
  _mouseScrollEvent.call(this, e,id);
 }
 if(document.attachEvent)
 {//微软自定义的添加事件监听器
  element.attachEvent("onmousewheel",handler);
 }
 else
 {//W3C规范定义的添加事件监听器
  element.addEventListener("DOMMouseScroll",handler,false);
 }
}
/**
 * 鼠标轮滚动事件和列表事件
 * @param e
 * @return
 */
function _mouseScrollEvent(e,id)
{
 e=e||window.event;
 var _vbar_object=get(id,'_vbar_object');
 if(e.wheelDelta<=0 || e.detail>0)
 {
  _vbar_object.scrollTop+=18;//设置滚动步长为一行的高度
 }
 else
 {
  _vbar_object.scrollTop-=18;
 }
}
/**
 * 横向滚动
 * @return
 */
function _h_scroll(id)
{
 var _hbar_object=get(id,'_hbar_object');
 var _header_object=get(id,'_header_object');
 var _data_object=get(id,'_data_object');
 var _sum_object=get(id,'_sum_object');
 _header_object.style.left=-(_hbar_object.scrollLeft);
 _data_object.style.left=-(_hbar_object.scrollLeft);
 _sum_object.style.left=-(_hbar_object.scrollLeft);
}
/**
 *纵向滚动
 * @return
 */
function _v_scroll(id)
{
 var _vbar_object=get(id,'_vbar_object');
 var _first_object=get(id,'_first_object');
 var _data_object=get(id,'_data_object');
 _first_object.style.top=-(_vbar_object.scrollTop);
 _data_object.style.top=-(_vbar_object.scrollTop);
}
/**
 * 取出当前元素非style定义的样式
 * @param element
 * @param property
 * @return
 */
function _getCurrentStyle(element,property)
{
 if(element.currentStyle)
 {//元素中非style定义的样式，包括内嵌样式和外部样式表中定义的样式
  return element.currentStyle[property];
 }
 else if(window.getComputedStyle)
 {//firefox的方式
  property=property.replace(/([A-Z])/g, "-$1").toLowerCase();
  return window.getComputedStyle(element,null).getPropertyValue(property);
 }
 else
 {
  return null;
 }
}
/**
 * 设置滚动块
 * @return
 */
function _block_scroll(id)
{
 var _hbar_object=get(id,'_hbar_object');
 var _vbar_object=get(id,'_vbar_object');
 var _data_object=get(id,'_data_object');
 _hbar_object.style.display="block";
 _vbar_object.style.display="block";
 _hbar_object.childNodes[0].style.width=_data_object.offsetWidth;
 _vbar_object.childNodes[0].style.height=_data_object.offsetHeight;
 if(_hbar_object.childNodes[0].offsetWidth<=_hbar_object.offsetWidth)
 {
  _hbar_object.style.display="none";
 }
 if(_vbar_object.childNodes[0].offsetHeight<=_vbar_object.offsetHeight)
 {
  _vbar_object.style.display="none";
 }
}

/////////////////////////////////////////////////////////////////////////////////////
/**
* js通用对象，主要包括List和Map集合对象的定义
* @author 陈双
* @date 2012-10-01
* @mail [email protected]
*/
////////////////////////////////////////////////////////////////////////////////////
/**
* List对象
* @return
*/
function List()
{
this.container=new Array(1000);//容器
this.index=-1;//索引
this.add=function(element){//添加元素
  this.index++;
  this.container[this.index]=element;
}
this.get=function(i){//获取元素
  if(this.index==-1||i<0)
  {
   return null;
  }
  return this.container[i];
}
this.size=function(){//List 对象的大小
  return this.index+1;
}
this.clear=function(){//清空List对象
  if(this.index!=-1)
  {
   for(var i=0;i<=this.index;i++)
   {
    this.container[i]=null;
   }
  }
  this.index=-1;
}
this.contain=function(element){//是否包含某元素
  if(this.index==-1||(!element))
  {
   return false;
  }
  for(var i=0;i<=this.index;i++)
  {
   if(this.container[i]==element)
   {
    return true;
   }
  }
}
this.isEmpty=function(){//是否为空
  return this.index==-1?true:false;
}
this.remove=function(element){//删除一个元素
  if((!element)||(!this.index))
  {
   return;
  }
  var po=-1;
  var flag=false;//是否移除了
  for(var i=0;i<=this.index;i++)
  {
   if(this.container[i]==element)
   {
    po=i;
    if(po==this.index)
    {
     po=-1;
    }
    flag=true;
   }
   if(po!=-1)
   {
    this.container[po]=this.container[po+1];
    po++;
   }
  }
  if(flag)
  {
   this.index=this.index-1;
  }
}
this.removeIn=function(i){//删除指定位置的元素
  if(i<0||this.index<0)
  {
   return;
  }
  var po=-1;
  var flag=false;//是否移除了
  for(var j=0;j<=this.index;j++)
  {
   if(j==i)
   {
    po=j;
    if(po==this.index)
    {
     po=-1;
    }
    flag=true;
   }
   if(po!=-1)
   {
    this.container[po]=this.container[po+1];
    po++;
   }
  }
  if(flag)
  {
   this.index=this.index-1;
  }
}
}
/**
* Map对象
* @return
*/
function Map()
{
this.index=-1;
this.entrys=new Array(1000);
this.get=function(key){//通过key映射value
  if(this.index==-1)
  {
   return null;
  }
  for(var i=0;i<=this.index;i++)
  {
   var entry=this.entrys[i];
   if(entry.key==key)
   {
    return entry.value;
   }
  }
  return null;
}
this.size=function(){//返回元素个数
  return this.index+1;
}
this.containsKey=function(key){//是否包含key值
  if(this.index==-1)
  {
   return false;
  }
  for(var i=0;i<=this.index;i++)
  {
   var entry=this.entrys[i];
   if(entry.key==key)
   {
    return true;
   }
  }
  return false;
}
this.containsValue=function(value){//是否包含值
  if(this.index==-1)
  {
   return false;
  }
  for(var i=0;i<=this.index;i++)
  {
   var entry=this.entrys[i];
   if(entry.value==value)
   {
    return true;
   }
  }
  return false;
}
this.put=function(key,value){//添加元素
  if(this.containsKey(key))
  {
   this.remove(key);
  }
  this.index++;
  this.entrys[this.index]=new Entry(key,value);
}
this.keySet=function(){//返回key集合
  if(this.index==-1)
  {
   return null;
  }
  var keys=new List();
  for(var i=0;i<=this.index;i++)
  {
   keys.add(this.entrys[i].key);
  }
  return keys;
}
this.values=function(){//返回值集合
  if(this.index==-1)
  {
   return null;
  }
  var value=new List();
  for(var i=0;i<=this.index;i++)
  {
   value.add(this.entrys[i].value);
  }
  return value;
}
this.clear=function(){//清空
  if(this.index!=-1)
  {
   for(var i=0;i<=this.index;i++)
   {
    this.entrys[i]=null;
   }
   this.index=-1;
  }
}
this.remove=function(key){//移除某个元素
  if(this.index==-1)
  {
   return;
  }
  var po=-1;
  var flag=false;
  for(var i=0;i<=this.index;i++)
  {
   var entry=this.entrys[i];
   if(entry.key==key)
   {
    po=i;
    if(i==this.index)
    {
     po=-1;
    }
    flag=true;
   }
   if(po!=-1)
   {
    this.entrys[po]=this.entrys[po+1];
    po++;
   }
  }
  if(flag)
  {
   this.index=this.index-1;
  }
}
this.isEmpty=function(){//是否为空
  if(this.index==-1)
  {
   return true;
  }
  return false;
}
this.entrySet=function(){//返回Entry
  if(this.index==-1)
  {
   return null;
  }
  var entry=new List();
  for(var i=0;i<=this.index;i++)
  {
   entry.add(this.entrys[i]);
  }
  return entry;
}
}
/**
* Map中的节点对象
* @param key
* @param value
* @return
*/
function Entry(key,value)
{
this.key=key;
this.value=value;
}
css代码：

/*datagrid 大块样式*/
.datagrid {position:relative;background:white;margin:0px;padding:0px;overflow:hidden;border:1px inset;-moz-user-select:none;}
/*datagrid 表格全局样式*/
.datagrid table {table-layout:fixed;margin:0px;}
.datagrid table td {height:18px;cursor:default;font-size:12px;font-family:verdana;text-indent:2px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-break:keep-all;}
.datagrid table td .arrow {font-size:8px;color:#808080;}
.datagrid table .lastdata {border-right:none;}
.datagrid table .column {cursor:default;background:buttonface;border-top:1px solid #fff;border-right:1px solid #404040;border-bottom:1px solid #404040;border-left:1px solid #fff;}
.datagrid table .over {cursor:default;background:buttonface;border-top:1px solid #fff;border-right:1px solid #404040;border-bottom:1px solid #404040;border-left:1px solid #fff;}
.datagrid table .sortdown {cursor:default;background:buttonface;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;border-left:1px solid #404040;border-top:1px solid #404040;position:relative;left:1px;}
.datagrid table .dataover {background:#FAFAFA;}
.datagrid table .firstcolumn {width:30px;text-indent:0px;text-align:center;background:buttonface;border-top:1px solid #fff;border-right:1px solid #404040;border-bottom:1px solid #404040;border-left:1px solid #fff;}
.datagrid table .lastcolumn {width:17px;background:buttonface;border-top:1px solid #fff;border-right:1px solid #404040;border-bottom:1px solid #404040;border-left:1px solid #fff;}
/*datagrid 选定行样式*/
.datagrid table .selectedrow {background:highlight;color:white;}
/*datagrid 表头样式*/
.titlecolumn {width:100%;position:absolute;top:0px;left:0px;z-index:3;}
/*datagrid 左边栏样式*/
.slidecolumn {width:30px;position:absolute;top:0px;left:0px;z-index:2;}
.slidecolumn td {width:30px;text-indent:0px;text-align:center;background:buttonface;border-top:1px solid #fff;border-right:1px solid #404040;border-bottom:1px solid #404040;border-left:1px solid #fff;}
/*datagrid 内容表体样式*/
.datacolumn {width:100%;position:absolute;top:0px;left:0px;}
.datacolumn td {top:0px;left:0px;margin:0px;padding:0px}
.datacolumn td input {margin:0px;border:0px #cccccc solid;}

多级动态暂未实现

你可能感兴趣的:(jsp 自定义标签实现表格转载http://blog.csdn.net/chenshuang_com)

UI学习——cell的复用和自定义cell Magnetic_h ui 学习
目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
element实现动态路由+面包屑软件技术NINI vue案例 vue.js 前端
el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务 java 架构
在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
理解Gunicorn：Python WSGI服务器的基石范范0825 ipython linux 运维
理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
2021年12月19日，春蕾教育集团团建活动感受——黄晓丹黄错错加油
感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
swagger访问路径 igotyback swagger
Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
店群合一模式下的社区团购新发展——结合链动 2+1 模式、AI 智能名片与 S2B2C 商城小程序源码说私域人工智能小程序
摘要：本文探讨了店群合一的社区团购平台在当今商业环境中的重要性和优势。通过分析店群合一模式如何将互联网社群与线下终端紧密结合，阐述了链动2+1模式、AI智能名片和S2B2C商城小程序源码在这一模式中的应用价值。这些创新元素的结合为社区团购带来了新的机遇，提升了用户信任感、拓展了营销渠道，并实现了线上线下的完美融合。一、引言随着互联网技术的不断发展，社区团购作为一种新兴的商业模式，在满足消费者日常需
消息中间件有哪些常见类型 xmh-sxh-1314 java
消息中间件根据其设计理念和用途，可以大致分为以下几种常见类型：点对点消息队列（Point-to-PointMessagingQueues）：在这种模型中，消息被发送到特定的队列中，消费者从队列中取出并处理消息。队列中的消息只能被一个消费者消费，消费后即被删除。常见的实现包括IBM的MQSeries、RabbitMQ的部分使用场景等。适用于任务分发、负载均衡等场景。发布/订阅消息模型（Pub/Sub
腾讯云技术深度探索：构建高效云原生微服务架构我的运维人生云原生架构腾讯云运维开发技术共享
腾讯云技术深度探索：构建高效云原生微服务架构在当今快速发展的技术环境中，云原生技术已成为企业数字化转型的关键驱动力。腾讯云作为行业领先的云服务提供商，不断推出创新的产品和技术，助力企业构建高效、可扩展的云原生微服务架构。本文将深入探讨腾讯云在微服务领域的最新进展，并通过一个实际案例展示如何在腾讯云平台上构建云原生应用。腾讯云微服务架构概览腾讯云微服务架构基于云原生理念，旨在帮助企业快速实现应用的容
Google earth studio 简介陟彼高冈yu 旅游
GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
拥有断舍离的心态，过精简生活--《断舍离》读书笔记爱吃丸子的小樱桃
不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“
四章-32-点要素的聚合彩云飘过
本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
Git常用命令－修改远程仓库地址猿大师 Linux Java git java
查看远程仓库地址gitremote-v返回结果originhttps://git.coding.net/＊＊＊＊＊.git(fetch)originhttps://git.coding.net/＊＊＊＊＊.git(push)修改远程仓库地址gitremoteset-urloriginhttps://git.coding.net/＊＊＊＊＊.git先删除后增加远程仓库地址gitremotermori
从0到500+，我是如何利用自媒体赚钱？一列脚印
运营公众号半个多月，从零基础的小白到现在慢慢懂了一些运营的知识。做好公众号是很不容易的，要做很多事情；排版、码字、引流…通通需要自己解决，业余时间全都花费在这上面涨这么多粉丝是真的不容易，对比知乎大佬来说，我们这种没资源，没人脉，还没钱的小透明来说，想要一个月涨粉上万，怕是今天没睡醒（不过你有的方法，算我piapia打脸）至少我是清醒的，自己慢慢努力，实现我的万粉目标！大家快来围观、支持我吧！孩子
使用LLaVa和Ollama实现多模态RAG示例 llzwxh888 python 人工智能开发语言
本文将详细介绍如何使用LLaVa和Ollama实现多模态RAG（检索增强生成），通过提取图像中的结构化数据、生成图像字幕等功能来展示这一技术的强大之处。安装环境首先，您需要安装以下依赖包：!pipinstallllama-index-multi-modal-llms-ollama!pipinstallllama-index-readers-file!pipinstallunstructured!p
利用Requests Toolkit轻松完成HTTP请求 nseejrukjhad http 网络协议网络 python
RequestsToolkit的力量：轻松构建HTTP请求Agent在现代软件开发中，API请求是与外部服务交互的核心。RequestsToolkit提供了一种便捷的方式，帮助开发者构建自动化的HTTP请求Agent。本文旨在详细介绍RequestsToolkit的设置、使用和潜在挑战。引言RequestsToolkit是一个强大的工具包，可用于构建执行HTTP请求的智能代理。这对于想要自动化与外
利用LangChain的StackExchange组件实现智能问答系统 nseejrukjhad langchain microsoft 数据库 python
利用LangChain的StackExchange组件实现智能问答系统引言在当今的软件开发世界中，StackOverflow已经成为程序员解决问题的首选平台之一。而LangChain作为一个强大的AI应用开发框架，提供了StackExchange组件，使我们能够轻松地将StackOverflow的海量知识库集成到我们的应用中。本文将详细介绍如何使用LangChain的StackExchange组件
GitHub上克隆项目 bigbig猩猩 github
从GitHub上克隆项目是一个简单且直接的过程，它允许你将远程仓库中的项目复制到你的本地计算机上，以便进行进一步的开发、测试或学习。以下是一个详细的步骤指南，帮助你从GitHub上克隆项目。一、准备工作1.安装Git在克隆GitHub项目之前，你需要在你的计算机上安装Git工具。Git是一个开源的分布式版本控制系统，用于跟踪和管理代码变更。你可以从Git的官方网站（https://git-scm.
MongoDB Oplog 窗口喝醉酒的小白 MongoDB 运维
在MongoDB中，oplog（操作日志）是一个特殊的日志系统，用于记录对数据库的所有写操作。oplog允许副本集成员（通常是从节点）应用主节点上已经执行的操作，从而保持数据的一致性。它是MongoDB副本集实现数据复制的基础。MongoDBOplog窗口oplog窗口是指在MongoDB副本集中，从节点可以用来同步数据的时间范围。这个窗口通常由以下因素决定：Oplog大小：oplog的大小是有限
libyuv之linux编译 jaronho Linux linux 运维服务器
文章目录一、下载源码二、编译源码三、注意事项1、银河麒麟系统（aarch64）（1）解决armv8-a+dotprod+i8mm指令集支持问题（2）解决armv9-a+sve2指令集支持问题一、下载源码到GitHub网站下载https://github.com/lemenkov/libyuv源码，或者用直接用git克隆到本地，如：gitclonehttps://github.com/lemenko
Faiss Tips：高效向量搜索与聚类的利器焦习娜Samantha
FaissTips：高效向量搜索与聚类的利器faiss_tipsSomeusefultipsforfaiss项目地址:https://gitcode.com/gh_mirrors/fa/faiss_tips项目介绍Faiss是由FacebookAIResearch开发的一个用于高效相似性搜索和密集向量聚类的库。它支持多种硬件平台，包括CPU和GPU，能够在海量数据集上实现快速的近似最近邻搜索（AN
Python 实现图片裁剪（附代码） | Python工具剑客阿良_ALiang
前言本文提供将图片按照自定义尺寸进行裁剪的工具方法，一如既往的实用主义。环境依赖ffmpeg环境安装，可以参考我的另一篇文章：windowsffmpeg安装部署_阿良的博客-CSDN博客本文主要使用到的不是ffmpeg，而是ffprobe也在上面这篇文章中的zip包中。ffmpy安装：pipinstallffmpy-ihttps://pypi.douban.com/simple代码不废话了，上代码
数据仓库——维度表一致性墨染丶eye 背诵数据仓库
数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计
ARM驱动学习之5 LEDS驱动 JT灬新一嵌入式 C 底层 arm开发学习单片机
ARM驱动学习之5LEDS驱动知识点：•linuxGPIO申请函数和赋值函数–gpio_request–gpio_set_value•三星平台配置GPIO函数–s3c_gpio_cfgpin•GPIO配置输出模式的宏变量–S3C_GPIO_OUTPUT注意点：DRIVER_NAME和DEVICE_NAME匹配。实现步骤：1.加入需要的头文件：//Linux平台的gpio头文件#include//三
Low Power概念介绍-Voltage Area 飞奔的大虎
随着智能手机，以及物联网的普及，芯片功耗的问题最近几年得到了越来越多的重视。为了实现集成电路的低功耗设计目标，我们需要在系统设计阶段就采用低功耗设计的方案。而且，随着设计流程的逐步推进，到了芯片后端设计阶段，降低芯片功耗的方法已经很少了，节省的功耗百分比也不断下降。芯片的功耗主要由静态功耗（staticleakagepower）和动态功耗(dynamicpower)构成。静态功耗主要是指电路处于等
【无标题】达瓦达瓦 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
上图为是否色发 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
143234234123432 JhonKI 考研
博客主页：https://blog.csdn.net/2301_779549673欢迎点赞收藏⭐留言如有错误敬请指正！本文由JohnKi原创，首发于CSDN未来很长，值得我们全力奔赴更美好的生活✨文章目录前言111️‍111❤️111111111111111总结111前言111骗骗流量券，嘿嘿111111111111111111111111111️‍111❤️111111111111111总结11
道阻且长，行则将至 sweet橘子
本文参与书香澜梦主题征文“行”文章原创首发，文责自负。我们每一个人都应该有属于自己的愿望或者是理想，人一但有了理想也就算是有了方向，它就会像灯塔一样指引我们前进的方向，哪怕是再远大的理想，如果坚持，那么我相信它就一定有收获。屈原是我最喜欢的一个浪漫主义的诗人，他曾今说过：“路漫漫其修远兮，吾将上下而求索。”人生的道路很长，但是为了实现自己的理想抱负我愿意付出我毕生的精力，只专注这一件事，因为“道阻
insert into select 主键自增_mybatis拦截器实现主键自动生成 weixin_39521651 insert into select 主键自增 mybatis delete返回值 mybatis insert返回主键 mybatis insert返回对象 mybatis plus insert返回主键 mybatis plus 插入生成id
前言前阵子和朋友聊天，他说他们项目有个需求，要实现主键自动生成，不想每次新增的时候，都手动设置主键。于是我就问他，那你们数据库表设置主键自动递增不就得了。他的回答是他们项目目前的id都是采用雪花算法来生成，因此为了项目稳定性，不会切换id的生成方式。朋友问我有没有什么实现思路，他们公司的orm框架是mybatis，我就建议他说，不然让你老大把mybatis切换成mybatis-plus。mybat
Hadoop(一) 朱辉辉33 hadoop linux
今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧. 在hdfs下，运行hadoop fs -mkdir /u
maven An error occurred while filtering resources blackproof maven 报错
转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources maven报错： maven An error occurred while filtering resources Maven -> Update Proje
jdk常用故障排查命令 daysinsun jvm
linux下常见定位命令： 1、jps 输出Java进程 -q 只输出进程ID的名称，省略主类的名称； -m 输出进程启动时传递给main函数的参数； &nb
java 位移运算与乘法运算周凡杨 java 位移运算乘法
对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：问题：用最有效率的方法算出2 乘以8 等於几?” 答案：2 << 3 由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
java中的枚举(enmu) g21121 java
从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举： public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL,
MQ初级学习 510888780 activemq
1.下载ActiveMQ 去官方网站下载：http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。启动ActiveMQ以后，登陆：http://localhos
Spring_Transactional_Propagation 布衣凌宇 spring transactional
//事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N
我的spring学习笔记12-idref与ref的区别 aijuans spring
idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如： <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo
Jqplot之折线图 antlove js jquery Web timeseries jqplot
timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&
JDBC中事务处理应用百合不是茶 java JDBC编程事务控制语句
解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复事务常用命令: Commit提交
[转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论 bijian1013 java 多线程线程安全 HashMap
在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
ng-if与ng-show、ng-hide指令的区别和注意事项 bijian1013 JavaScript AngularJS
angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
【持久化框架MyBatis3七】MyBatis3定义typeHandler bit1129 TypeHandler
什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射内置typeHandler MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
上传下载文件rz,sz命令 bitcarter linux命令rz
刚开始使用rz上传和sz下载命令：因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求：我遇到的问题： sz下载A文件10M左右，没有问题但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题解决方法：上传命令改为;rz -ybe 下载命令改为：sz -be filename 如果还是有问题：那就是文
通过ngx-lua来统计nginx上的虚拟主机性能数据 ronin47 ngx-lua　统计解禁ip
介绍以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time
java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132 bylijinnan java
import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
Oracle基本操作 ccii Oracle SQL总结 Oracle SQL语法 Oracle基本操作 Oracle SQL
一、表操作 1. 常用数据类型 NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位 NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位） VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位） CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
[强人工智能]实现强人工智能的路线图 comsci 人工智能
1：创建一个用于记录拓扑网络连接的矩阵数据表 2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图 3：将这个流程图导入到矩阵数据表中 4：在矩阵的每个有意义的节点中嵌入一段简单的
给Tomcat，Apache配置gzip压缩(HTTP压缩)功能 cwqcwqmax9 apache
背景： HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
SpringMVC and Struts2 dashuaifu struts2 springMVC
SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截，一个类对应一个request上下文， springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应所以说从架构本身上 spring3 mvc就容易实现r
windows常用命令行命令 dcj3sjt126com windows cmd command
在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
再看知名应用背后的第三方开源项目 dcj3sjt126com ios
知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三
Objective-c单例模式的正确写法 jsntghf 单例 ios iPhone
一般情况下，可能我们写的单例模式是这样的： #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation
jquery easyui datagrid 加载成功，选中某一行 hae jquery easyui datagrid 数据加载
1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess : function (data){ $( '#dg' ).datagrid( 'selectRow' ,3); }}); 2.onL
jQuery用户数字打分评价效果 ini JavaScript html jquery Web css
效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</
mybatis的paramType kerryg DAO sql
MyBatis传多个参数： 1、采用#{0},#{1}获得参数： Dao层函数方法： public User selectUser(String name,String area); 对应的Mapper.xml <select id="selectUser" result
centos 7安装mysql5.5 MrLee23 centos
首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。 #列出所有被安装的rpm package rpm -qa | grep mariadb #卸载 rpm -e mariadb-libs-5.
利用thrift来实现消息群发 qifeifei thrift
Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
实现一个sizeof获取Java对象大小 teasp java HotSpot 内存对象大小 sizeof
由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上适用。
SVN错误及处理 xiangqian0505 SVN提交文件时服务器强行关闭
在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络写道 SVN无法读取current修复方法 Can't read file : End of file found 文件：repository/db/txn_current、repository/db/current 其中current记录当前最新版本号，txn_current记录版本库中版本