我的jQuery动态表格插件二
本篇博客是我写在离职后,昨天刚辞职和交接完任务,准备离开。其实我有很多不舍,但是最终还是选择了离开,许多苦楚都埋在我的心底。哎,趁回成都找工作的机会是该好好休息一下了。
在上篇我的jQuery动态表格插件中介绍了插件的基本使用方法.在实际运用的时候出现了一些其他的需求,所以插件再次升级,增加了一些辅助功能.
1:EnterToTab:$(“selector”). EnterToTab(),是的selector中的空间可以回车变为tab键使用,方便用户的输入。
代码简析: IE:
其他浏览器:主要针对firefox,因为ff中的时间的键值码,是一个制度属性,所以我们不能通过和ie一样的方式来处理,只有我们自己处理是的下一个可以focus控件focus。
3:加入了事件处理,有时我们需要对控件或者样式做一些特殊处理,但是由于table中有很多这样的列是的我们不好定位,所以增加了一系列时间出入jQuery的table 行tr对象,以供特殊处理定位。
主要有:
addRowing:增加行前触发事件:参数arg,属性有cancel可以供取消增加操作,rowTemplate改变某一行的增加行模板。
addRowed:增加行以后,参数为行对象来定位,以供处理特殊的js控件,脚本执行或者css样式处理等等。
removeRowing:删除行之前触发,参数cancel,可以取消操作,row为需要删除的行对象。
removeRowed:删除行之后触发的事件。还没有想到需要什么参数,所以是一个{}对象。我觉得一般不需要什么特殊参数。
4:扩展的对html的控件支持,在上一个版本中默认支持,支持text,label,checkbox,radio,label,td,textarea的取值。其中radio取值选中value,checkbox取值为所有选中行value的“,”号分隔字符串。但是在我们的实际运用中还会用到一些特殊的js控件,如我实际中用到的Jquery EasyUi的ComboTree这些,需要上边提供的事件addRowed中一些js处理,以及获取值getSource中获取值的处理,所以提供了,一个对数据取值getValue的自定义取值委托。
customerFunction: null, //column:列,func:获取Value function
例如:customerFunction: { "age": function(o) { return o.val() + 1; } },这里定义property为age的取值方式为:其值+1。Jquery EasyUi的ComboTree那么我们可以定义为
customerFunction: { "type": function(o) { return $(o).combotree(“getValue”)} }.
5:默认行数, DefaultRowCount,在我们的处理中用户经常会要求你能不能初始化就给我们默认几行啊,我难得一个一个的点击增加。如果你也有这样的需求,那么这个属性就可以帮助你轻松的搞定了。
6:增加了xml搜集类型的节点名自定义,在我们的某些处理中为了,搜集某些固定行的数据,但是为对xml其他节点的区分,所以,在本次的版本中增加了一个xmlitem,如xmlitem="total"设置。这个需要时来自我的一个同事的动态行,以及还有动态增加列的需要处理中。
jQuery dynamicTable版本仍会随着用户的需求一步一步的更新。同时也希望大家提出你的宝贵意见,你认为还需要那些功能,或者是对于代码的重构等等。
下面来一个jQuery EasyUi ComboTree的的demo:一个资金预算审批的例子。
先定义费用类型,和combotree的本地数据源,实际中需要我们从后台输出的。
Html前台代码:
在上一篇文章我的jQuery动态表格插件中有人问我如果在后台处理,数据,我所以在本次demo中特别利用dataset处理成为datatable:这里的处理时存在一个静态变量ds中。
最后在上效果图:
搜集数据源xml
后台数据源:
插件基本使用请参见:我的jQuery动态表格插件
本博客中其他jQuery资料:我jQuery系列之目录汇总
插件下载
本文转自破狼博客园博客,原文链接:http://www.cnblogs.com/whitewolf/archive/2011/04/13/2014621.html,如需转载请自行联系原作者
我的jQuery动态表格插件二相关推荐
- Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据、实现分页和模糊查询等功能
Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据.实现分页和查询功能 一.部分技术选型 二.项目结构 三.功能需求和效果展示 四.关键代码 4.1页 ...
- [转]jQuery美化表格插件tablecloth.js
转自 给力技术 jQuery美化表格插件 - tablecloth.js tablecloth.js 是基于 Twitter Bootstrap 的 jQuery 插件,可让你快速对表格加上漂亮的样式 ...
- [转]jQuery美化表格插件 - tablecloth.js
转自 给力技术 jQuery美化表格插件 - tablecloth.js tablecloth.js 是基于 Twitter Bootstrap 的 jQuery 插件 ,可让你快速对表格加上漂亮的样 ...
- html5仪表盘插件,精美时尚的jQuery动态仪表盘插件
GaugeMeter是一款精美时尚的jQuery动态仪表盘插件.该仪表盘插件提供总多参数来用于配置,可以制作出完整圆形,半圆形和拱圆形的仪表盘.它的特点有: 仅一个js文件,没有其它依赖. 高度可配置 ...
- 基于jquery.fixedheadertable 表格插件左侧固定 对齐
2019独角兽企业重金招聘Python工程师标准>>> jquery.fixedheadertable 经测试在固定1列和2列时是对齐的,2列以上明显不对齐,需要js做调整 $(do ...
- 25款顶级的jQuery表格插件
jQuery 表格插件可以让你创建各种各样的表格布局,表格布局是报纸和杂志中最常见的布局,现在的网站中也很常见,在这篇文章中,我向大家推荐25个jQuery 的表格插件,你可以任意控制表格的行和列,用 ...
- Dynatable – 基于 HTML5 jQuery 的交互表格插件
Dynatable 一款有趣的,语义化,交互式的表格插件,使用 jQuery,HTML5 和 JSON 实现.Dynatable 的目的是提供一种简单的.可扩展的 API,能够轻松的浏览和操作大规模的 ...
- Jquery 表格插件DataTables
[转]Jquery 表格插件DataTables 博客分类: Jquery jquerydatatablesjavascript 1.特性 可变长度分页: 动态过滤: 多列排序,带数据类型检测功能: ...
- 【小河今学 | JavaScript+jQuery】JQ插件开发练习之数据表格插件
8.11 今天作业是要求练习JQ插件开发的书写过程,具体要求如下: 需求: 制作一个数据表格插件. 功能: 完成表格数据的动态显示: 定义插件的默认参数: 实现表格的自定义事件. 接下来讲一下我练习过 ...
最新文章
- 批量实现面向对象的实例
- python不断刷新网页_python使用多线程不断刷新网页的方法
- 2015-07-22 JQuery 第二课(JQ元素获取,添加,删除,判断,遍历,取值,样式设置,改变对象,切换)...
- FireFox IE Opera Safari 都可以正常播放WMV和MOV的网页播放器代码
- 怎么用PHP实现年月日date,PHP date函数用法,php年月日写法
- Mounty for NTFS免费软件实现MAC OS X下对NTFS分区进行读写
- java基础—Properties集合
- 计算机组成与网络题库,计算机组成原理题库
- visual studio 最新稳定版本_速来围观!Android Studio 4.0 稳定版发布了
- CentOS下NTP安装配置
- Mysql 5.7 for windows 免安装版(解压版)安装和配置
- 数字化定量分析_数字化驱动下的华夏银行信用卡精细化智能服务
- OpenCV读写视频(编解码器)
- threejs学习之透视相机与正交相机
- 对移动社交类产品的追问
- excel导出时报错 “文件格式和扩展名不匹配,文件可能已损坏或不安全”解决办法
- 2021编程语言排行榜出炉,C#年度语言奖
- 简单DIV CSS布局网站 (HTML学生个人网站作业设计) 体育运动主题网页设计与实现
- NLP文本生成的评价指标有什么?
- 树莓派 raspbian 系统常用命令
热门文章
- 用Memcache守护程序把数据缓存到内存二
- mysql 导出dmp文件_Mysql数据库的各种命令:
- URI, URL, URN
- 页面中的多选框的非空判断
- C# WPF 中用代码模拟鼠标和键盘的操作
- SpringBoot使用Gradle构建war包
- Android Studio 提示Error running app: No Android facet found for app
- Linux -- free 命令 内存适用状态监控
- IE6下fixed失效的解决方法
- 通过MageUi.exe修改通过ClickOnce发布过的WPF browser application 配置文件