基于jQuery的单据输入

 

 

 

对象列表

对象名称	创建方式	说明
snTable	var tab = new snTable(id)	Id：html表格ID
snRow	var row = new snRow(el)	el：TR 标签
snCell	var cell = new snCell(el)	el：TD 标签
snFootRow	var footRow = new snFootRow(el)	el：TR (TFOOT标签中的)
snFootCell	var footCell = new snFootCell(el)	el：TD(TFOOT标签中的)

 

snTable 属性与方法

属性
element	返回当前的 table元素
rows	返回table中tbody的行集合
方法
build(o)	初始配置 参数为一个对象 参数说明： { fields : [            {Field:"Id",Text:"编号",Editable:true, Hide:true },            {Field:"Name",Text:"姓名",Editable:true,FV:{                                                         group : "1",                                                         M     : "用户名只能为字母，长度为6-10位",                                                         V     : [ {T:"I",P:{min:6,max:10}},                                                                   {T:"R",P:"^[A-Za-z]+$"}                                                                  ]                                                          }},             {Field:"Age",Text:"年龄",Editable:false},             {Field:"Address",Text:"地址",Editable:true,Option:[{Text:"选项一",Value:"1"},{Text:"选项二",Value:"2",Default:true}]}          ], event : {            snTableOnChange : testOnChange          } } fields数组里的每一个对象代码表格中每一列的配置，从左到右，如果某一列不想配置，则设置为 “ {} “       Field 表示绑定的字段名       Text 表示列的标题       Editable 表示列是否允许编辑 默认为 false       Hide   表示是否隐藏，默认为false        FV     表示列的数据验证 说明参见：http://www.cnblogs.com/snryang/archive/2008/10/24/1318576.html        Option 可以省略，默认为显示一个文本框，如果该属性存在值，编辑时显示一个下拉列表框,               Text 表示下拉列表框的文本               Value 表示下拉列表框的值               Default 表示默认选中项，只允许有一个 event 为事件设置     snTableOnChange 表示单元格的值发生改变时触发的事件 接到一个参数为当前单元格的snCell对象.
bind(o)	为表格绑定值，参数为json字符串     在执行bind函数时会清空整个表格已经存在的行。
getRow(i)	得到表格中的i行，从0开始 返回一个snRow对象
insertRow(d,i)	D要插入的json数据 I插入的索引位置，默认为表格的最后 如果二个参数都为空，则增加一个空格 返回插入的行的snRow对象集合，
deleteRow(i)	删除指定索引位置的行
getJson()	得到整个表格的json格式数据的字符串
getObject()	得到整个表格的json格式数据的对象
getFootRow(i)	得到表格中TFOOT标签的行的snFootRow对象

 

snRow属性与方法

属性
element	当前行的element元素
cells	当前行的单元格HTML元素集合
方法
table()	返回行所在表格的 snTable对象
getCell(i)	得到表格中的第i个单元格，从0开始 返回一个snCell对象
remove()	移除行
rrevRow()	得到上一行 返回一个snRow对象，如果上一行不存在则为空
nextRow()	得到下一行 返回一个snRow对象,如果下一行不存在则为空。
getJson()	得到该行的Json字符串。 返回值：字符串
getObject()	得到该行的json对象 返回值：对象

 

snCell属性与方法

属性
element	返回值：单元格的HTML元素。
field	返回当前单元格绑定的字段名： 返回值：字符串，如果为” sn_NoField”则说明这个单元格没有绑定什么字段
方法
row()	得到单元格所在的行 返回值：一个snRow对象
text(value)	获取或设置单元格的值
editable（value）	获取或设置单元格是否可以编辑
activeCell()	激活单元格并进入编辑状态
prevCell()	上一个单元格，如果不存在则为空
nextCell()	下一个单元格，如果不存在则为空
prevActiveCell()	上一个可编辑的单元格，如果不存在则为空
nextActiveCell()	下一个可编辑的单元格，如果不存在则为空
sum()	单元格所在列进行求和
validator(o)	设置单元格的数据验证 参数说明：http://www.cnblogs.com/snryang/archive/2008/10/24/1318576.html

 

snFootRow属性与方法

属性
element	返回值：页脚行的HTML元素。
cells	页脚行的所以单元格集合
方法
getCell(i)	返回页脚行的第i个单元格，从0开始 如果不存在则为空.

 

snFootCell属性与方法

属性
element	返回值：页脚单元格的HTML元素
方法
text(value)	获取或设置单元格的值

 

源码下载：https://files.cnblogs.com/snryang/snTable.rar