<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link href="Wjtygrid.css" rel="stylesheet" type="text/css"/>
<script src="Wjtygrid.js" type="text/javascript"></script>
<script type="text/javascript">
var grid=null;
function init(){
//字段信息
/**
修改内容：
1，验证。
2，简化构造函数。
3，取消Integer类型的Fomat，直接扩展Number
*/
var colary=new Array();
//最小长度为3
colary.push(new WjtyGridColumn("name","姓名",WjtyGridConstant.StringField,true,new WjtyGridStringFormat(3)));
//长度范围为1~4
colary.push(new WjtyGridColumn("nameOther","别名",WjtyGridConstant.StringField,false,new WjtyGridStringFormat(2,4)));
//简化构造函数，Format参数没有时，可不写
colary.push(new WjtyGridColumn("sex","性别",WjtyGridConstant.CodeField,true));
//数值范围18~120
colary.push(new WjtyGridColumn("age","年龄",WjtyGridConstant.NumberField,false,new WjtyGridNumberFormat(18,120)));
//保留2位小数点，并四舍五入
colary.push(new WjtyGridColumn("salary","工资",WjtyGridConstant.NumberField,false,new WjtyGridNumberFormat(2,true)));
//简化构造函数，Format参数没有时，可不写
colary.push(new WjtyGridColumn("school","学历",WjtyGridConstant.CodeField,true));
//显示日期格式为MM/dd/yyyy 并限制最小日期、最大日期(2010-9-1 00:00:00~2010-9-20 23:59:00 之间)
colary.push(new WjtyGridColumn("birth","生日",WjtyGridConstant.DateField,false,new WjtyGridDateFormat('yyyy-MM-dd HH:mm:ss','2010-9-1 9:00:00','2010-9-20 17:30:00')));
//简化构造函数，Format参数没有,allowBlank为 false 时，可不写
colary.push(new WjtyGridColumn("memo","备注",WjtyGridConstant.MemoField));
//字典信息
var dictary=new Array();
dictary.push(new WjtyGridDictionary("sex",["男","女","未知"]));
dictary.push(new WjtyGridDictionary("school",["大学","高中","中学","小学"]));
//记录信息
var recary1=["孙武","小孙","男",31,1255.25,"大学","1979-9-28",WjtyGridConstant.CellInitValue];
var recary2=["王猛","小王","女",26,3000.5,"高中","1977-3-21",WjtyGridConstant.CellInitValue];
var recary3=["孙中山","小山","男",51,4000,"高中","1980-4-22",WjtyGridConstant.CellInitValue];
var recary4=["王菲","小菲","女",22,5000,"中学","1983-5-20",WjtyGridConstant.CellInitValue];
var recary=new Array();
//recary.push(new WjtyGridRecord(recary1));
//recary.push(new WjtyGridRecord(recary2));
//recary.push(new WjtyGridRecord(recary3));
//recary.push(new WjtyGridRecord(recary4));
var table=document.getElementById("div1");
grid=new WjtyGrid(table,colary,recary,dictary);
grid.addRow();
grid.addRow();
window.status="init finish";
}
function addRow(){
grid.addRow();
}
function delRow(){
grid.delRow();
}
</script>
</head>
<body onload="init()">
<div id="comboxXXXX" style="position:absolute;border:1px solid;display:none;">
</div>
<div>
<input type="button" value="增加一行" style="height:35px" onclick="addRow()">
<input type="button" value="删除一行" style="height:35px" onclick="delRow()">
<div id="div1">
<table>
</table>
</div>
</div>
</body>
</html>
js 自定义表格 支持调整列宽 排序 数据校验 添加/删除行 回车跳转 只适用IE
2星 需积分: 11 191 浏览量
2010-09-15
20:23:31
上传
评论
收藏 93KB RAR 举报 
commongrid.rar （37个子文件） 
commongrid 
wjtygrid.css 1KB wjtygrid.js.bak 28KB wjtygrid.css.bak 1KB WdatePicker demo.htm 347B js calendar.js 22KB My97DatePicker.htm 1KB WdatePicker.js 7KB skin default 
img.gif 2KB datepicker.css 4KB datePicker.gif 1KB WdatePicker.css 158B ext glass-bg.gif 873B img.gif 2KB dateselect.gif 190B datepicker.css 6KB left-btn.gif 870B right-btn2.gif 113B left-btn2.gif 113B hd-sprite.gif 1KB right-btn.gif 871B config.js 296B lang zh-cn.js 464B wjtygrid.js 28KB main.htm 3KB main.htm.bak 3KB date calendar.js 19KB jquery-1.3.2.js 118KB My97DatePicker.htm 1KB WdatePicker.js 11KB skin aquaGreen img.gif 2KB datepicker.css 5KB
bg.jpg 307B WdatePicker.css 158B config.js 267B lang zh-tw.js 572B zh-cn.js 702B en.js 644B资源评论
tingting8903042014-01-23脚本有错误呢！
