SYSTABLE version1.1 table表格插件,应工作无聊在加上学习成分,开发本插件,是本人独立开发的后台通用系统SYSUI的扩展js插件,纯js,不依赖jquery库。经测试,支持IE,360,火狐,谷歌,safari等主流浏览器,支持扩展。是一款不错的table表格插件。
支持javascript API接口调用,该为测试1.1有肯能会有问题,测试暂无问题。支持排序,checkbox全选,表格列宽拖拽,按钮操作,分页等table表格基本功能操作
支持表格直接修改信息,暂支持文本修改。后期版本扩展checkbox,select选项操作
该测试结合template插件进行操作
new SYSTableSorter({ 编辑方法 })
参数 |
参数名 |
值 |
说明 |
TableName |
表格名称 |
null |
添加需要操作的表格名称 |
btnArea |
按钮操作 |
null |
设置需要对表格进行操作的区域,默认为DeleteCheckbox删除选中,searchEvent搜索 操作 |
paginName |
分页 |
null |
对表格进行分页操作的区域 |
curPage |
当前显示页 |
1 |
对表格进行分页操作默认显示当前第几页的参数,为整数
|
Sequence |
排序 |
[整数] |
数组模式,根据table表格有几列,自定义数量集 |
Callback |
数据 |
回调 |
回调数据在这里写,获取table表格的数据 使用index.ajaxGet(API,callback); //回调方法get |
方法 |
名称 |
说明 |
DeleteEvent |
删除事件 |
删除当前数据,根据表格中的trdata-id值进行操作,使用index.ajaxPost()方法进行API交互 |
SaveEvent |
保存提交修改 |
保存提交修改当前数据,根据表格中的trdata-id值进行操作,使用index.ajaxPost()方法进行API交互 |
DetailedEvent |
详细 |
自行编辑 |
CheckboxDeleteEvent |
Checkbox删除事件 |
根据选Checkbox选中状态进行操作,根据表格中的trdata-id值进行操作,使用index.ajaxPost()方法进行API交互 |
SearchEvent |
查询 |
自行编辑 |
事件 |
名称 |
说明 |
index.BtnoperationMethod(Table, index) |
按钮操作事件方法 |
Table表格名称,index事件集合 |
index.pageTableMethod(html,curPage,pageTotal,pageSize,total) |
分页功能设置 |
html内容,curPage当前页数,pageTotal总页数,pageSize显示条数,total总数 |
index.ajaxGet(API,callback) |
get获取数据 |
API接口地址,callback方法回调 |
index.ajaxPost(API) |
post提交方法 |
API接口地址 |