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;
οndblclick=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;
οndblclick=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 columns;//多级动态列
private List> 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 getColumns() {
return columns;
}
public void setColumns(List columns) {
this.columns = columns;
}
public List> getData() {
return data;
}
public void setData(List> data) {
this.data = data;
}
public String getDblclick() {
return dblclick;
}
public void setDblclick(String dblclick) {
this.dblclick = dblclick;
}
}
js代码：//===========================================================================
/**
*表格操作
*@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
";
}
for(var j=0;j";
}
else
{//第二行
title+="";
}
}
else
{//执行跨行
var rs=columns[j].label.indexOf(',');//是否是跨列
if(i==0)
{//跨行操作
if(rs==-1)
{//跨行
title+=" ";
}
}
else
{//跨列操作
if(rs!=-1)
{//跨行
title+=" ";
}
}
}
}
if(i==0)
{//最后一列
title+=" ";
}
else
{
title+="";
}
}
}
else
{//正常情况
title=" ";
if(isMultiple)
{
title+="";
}
title+=" 汇总 ";
if(isMultiple)
{
sum+=" ";
}
for(var i=0;i0)
{//构建第一列和数据表格
if(flag)
{
first=" "+(i+1)+" ";
if(isMultiple)
{
data+="width)
{
total=2;
_isHbar=true;
}
put(id, '_isHbar', _isHbar);
//构建隐藏行
for(var i=0;i ";
for(var j=0;j ";
}
data+=" ";
first+=" ";
data_html+=title+data+"
";
var sum_html=""+sum+"";
_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.οndblclick=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;itd[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;
}
}
}
}
}
var cellCount=table.rows[0].cells.length;
var tempTR=new Array();//临时行
for(var i=0;i0)
{
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/**
* 构建表格以及滚动条
* @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.οnmοusedοwn=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.οnscrοll=function(){
_h_scroll(id);//横向滚动
}
hbar.innerHTML="
";
//构建纵向滚动条
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.οnscrοll=function(){
_v_scroll(id);//纵向滚动
}
vbar.innerHTML="
";
//将表格和滚动条组合在一起
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";
}
} /[email protected]
/*datagrid 大块样式*/
多级动态暂未实现
