SYSTABLE version1.1 table表格插件,应工作无聊在加上学习成分,开发本插件,是本人独立开发的后台通用系统SYSUI的扩展js插件,纯js,不依赖jquery库。经测试,支持IE,360,火狐,谷歌,safari等主流浏览器,支持扩展。是一款不错的table表格插件。

支持javascript API接口调用,该为测试1.1有肯能会有问题,测试暂无问题。支持排序,checkbox全选,表格列宽拖拽,按钮操作,分页等table表格基本功能操作

支持表格直接修改信息,暂支持文本修改。后期版本扩展checkbox,select选项操作

测试1 测试2
删除选中 搜索
该测试结合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接口地址