惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
爱范儿
爱范儿
H
Help Net Security
Last Week in AI
Last Week in AI
The Cloudflare Blog
博客园 - 三生石上(FineUI控件)
小众软件
小众软件
IT之家
IT之家
aimingoo的专栏
aimingoo的专栏
大猫的无限游戏
大猫的无限游戏
Jina AI
Jina AI
Google DeepMind News
Google DeepMind News
B
Blog
C
Check Point Blog
T
Tailwind CSS Blog
云风的 BLOG
云风的 BLOG
D
Docker
Recent Announcements
Recent Announcements
Vercel News
Vercel News
博客园 - 聂微东
阮一峰的网络日志
阮一峰的网络日志
MyScale Blog
MyScale Blog
The GitHub Blog
The GitHub Blog
Stack Overflow Blog
Stack Overflow Blog
雷峰网
雷峰网
人人都是产品经理
人人都是产品经理
月光博客
月光博客
F
Fortinet All Blogs
Blog — PlanetScale
Blog — PlanetScale
B
Blog RSS Feed
The Register - Security
The Register - Security
V
Visual Studio Blog
F
Full Disclosure
Hugging Face - Blog
Hugging Face - Blog
T
Threat Research - Cisco Blogs
Latest news
Latest news
PCI Perspectives
PCI Perspectives
Cisco Talos Blog
Cisco Talos Blog
博客园 - Franky
D
DataBreaches.Net
A
Arctic Wolf
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
G
Google Developers Blog
P
Palo Alto Networks Blog
Engineering at Meta
Engineering at Meta
Microsoft Azure Blog
Microsoft Azure Blog
T
Tenable Blog
L
LINUX DO - 热门话题
Spread Privacy
Spread Privacy

博客园 - snryang

网站发布小工具,--让发布变简单一点 - snryang - 博客园 鼠标右键发布文件到远程服务器 关于跑步耳机的一些思考 对棋牌游戏平台的一些思考 复杂业务简单化的一个小技巧 老婆和老媽同時掉在了水裡终于有答案了 重发我的 HTML单据输入控件 js对象序列化为json字符串 CSS的一个小技巧 - snryang - 博客园 基于jQuery的表单验证 - snryang - 博客园 基于JQuery的拖拉效果, cms系统也不复杂 IList对象排序方法 基于jqury的自动完成 让你的博客园变灰 弹出遮罩层示例. Jquery学习 用反射来解决字段多带来的烦恼 数据库结构中的"树"
基于jQuery的单据输入
snryang · 2008-11-03 · via 博客园 - snryang

2008-11-03 10:54  snryang  阅读(1578)  评论()    收藏  举报

对象列表

对象名称

创建方式

说明

snTable

var tab = new snTable(id)

Idhtml表格ID

snRow

var row = new snRow(el)

elTR 标签

snCell

var cell = new snCell(el)

elTD 标签

snFootRow

var footRow = new snFootRow(el)

elTR (TFOOT标签中的)

snFootCell

var footCell = new snFootCell(el)

elTD(TFOOT标签中的)

snTable 属性与方法

属性

element

返回当前的 table元素

rows

返回tabletbody的行集合

方法

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)

获取或设置单元格的值

editablevalue

获取或设置单元格是否可以编辑

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