jQuery table分页插件

所属分类:导航-分页

 12208  74  查看评论 (51)
jQuery table分页插件 ie兼容6

更新时间:2018/1/10 下午5:49:58

更新说明:修改双击效果失败的bug


更新时间:2018/1/3 下午5:20:02

更新说明:

$(e.$element.selector).find("input[name='checkList']").removeAttr('checked');
var x = $(this).index('.cjjTable-remove');
$(e.$element.selector).find("input[name='checkList']").get(x).checked = true;
$(e.$element.selector).find("input[name='checkBoth']").removeAttr('checked');

添加$(e.$element.selector),防止所有的input[name='']变化


更新时间:2018/1/2 下午4:15:55

更新说明:新增了前后端分页的删除跟批量删除功能

前台分页的样子

$('#histroyBox').CJJTable({
    title: ["装点", "卸点", "运输货物", "下单日期", "作者"], //thead中的标题 必填
    body: ["taskCode", "startAddr", "endAddr", "varietiesTypeName", "createDate", "customerName"], //tbody td 取值的字段 必填
    display: [1, 1, 1, 1, 2, 1], //隐藏域,1显示,2隐藏 必填
    pageNUmber: 10, //每页显示的条数 选填
    pageLength: data.length, //选填
    url: data, //数据源 必填
    operation: 1, //操作单行 1操作 0不操作
    dbTrclick: function(e, ar) { //双击tr事件
    },
    buttonSave: function(ar) {
        alert(JSON.stringify(ar))
    },
    buttonRemove: function(ar) {
        console.log(ar)
        $('#histroyBox').CJJReload();
    }
});

后台分页的样子

$('#histroyBox').CJJTable({
    title: ["装点", "卸点", "运输货物", "下单日期"], //thead中的标题 必填
    body: ["contactName", "contactMobliePhone", "carrierName", "taskNum", "taskCustomerExpectPrice", "taskCustomerBudgetFreight"], //tbody td 取值的字段 必填
    display: [1, 1, 1, 1, 2, 2], //隐藏域,1显示,2隐藏 必填
    pageJson: {
        taskId: 528710,
        pageSize: 10, //ajax请求参数中的每页展示数量 选填
        token: "yJUmunFeG3REqisYAmCfeA"
    },
    url: '/api/quoted/quotedList', //数据源 必填
    operation: 1, //操作单行 1操作 0不操作
    dbTrclick: function(e, ar) { //双击tr事件
        alert(JSON.stringify(ar))
    },
    buttonSave: function(e) {
        alert(JSON.stringify(e))
    },
    buttonRemove: function(ar) {
        console.log(ar)
        $('#histroyBox').CJJReload();
    }
});

更新时间:2017/12/27 11:11:00

更新说明:新增操作单行的数据的修改保存

//前台分页的样子
$('#histroyBox').CJJTable({
    title: ["装点", "卸点", "运输货物", "下单日期", "作者"], //thead中的标题 必填
    body: ["taskCode", "startAddr", "endAddr", "varietiesTypeName", "createDate", "customerName"], //tbody td 取值的字段 必填
    display: [1, 1, 1, 1, 1, 2], //隐藏域,1显示,2隐藏 必填
    pageNUmber: 10, //每页显示的条数 选填
    pageLength: data.length, //选填
    url: data, //数据源 必填
    operation: 1, //操作单行 1操作 0不操作
    dbTrclick: function(e) { //双击tr事件
        alert(e.find('.taskCode').html())
    },
    buttonSave: function(e) {
        console.log(e)
    }
});
//后台分页的样子
/*$('#histroyBox').CJJTable({
    title:["装点","卸点","运输货物","下单日期"],//thead中的标题 必填
    body:["contactName","contactMobliePhone","carrierName","taskNum","taskCustomerExpectPrice","taskCustomerBudgetFreight"],//tbody td 取值的字段 必填
    display:[1,1,1,1,2,2],//隐藏域,1显示,2隐藏 必填
    pageJson:{
        taskId:528710,
        pageSize:10,//ajax请求参数中的每页展示数量 选填
        token:"yJUmunFeG3REqisYAmCfeA"
    },
    url:'/api/quoted/quotedList',//数据源 必填
    operation:1,//操作单行 1操作 0不操作
    dbTrclick:function(e){ //双击tr事件
        alert(e.find('.contactName').html())
    },
    buttonSave:function(e){
        console.log(e)
    }
});*/
相关插件-分页

官网分页特效

官网分页特效
  分页
 15000  83

超实用的angular.js无刷新分页完整案例

超实用的angular.js无刷新分页完整案例(需要放到服务器下运行!)
  分页
 14822  90

基于Vue的分页插件pagination.js

基于jQuery的分页插件大家都用过很多了吧,今天分享一下基于Vue的分页插件pagination.js
  分页
 22789  30
  分页
 31576  66

讨论这个项目(51)回答他人问题或分享插件使用方法奖励jQ币

    stone_kuku 0
    2018/4/24 14:27:02
    左瞳° Only you 0
    2018/4/20 17:44:42
    可以问一下back_endPage中的json.total是什么值吗?? 回复
    pengyuyan 0
    2018/4/12 20:43:46
    呃呃呃,原来这个是只要点击任何按钮(包括翻页和删除)之后,双击事件就失效了。。。T-T 回复
    pengyuyan 0
    2018/4/10 12:57:40
    翻页到第二页之后,双击表格没用了 回复
    pengyuyan 0
    2018/4/9 21:14:29
    如果我想传的数据不是url格式,而是直接的json对象,请问怎么改代码,请帮帮忙,先谢谢了 回复
    pengyuyan 0
    2018/4/9 21:12:25
    你好,有一点问题,不知道能不能私信回一下我,急!!!!!!!! 回复
    niou 0
    2018/4/2 15:41:29
    在么,怎么按钮全都没反应了 回复
    ?? 0
    2018/3/31 10:40:21
    你这个数据有什么办法做成从数据库获取的
        红红火火恍恍惚惚0
        2018/4/20 19:48:49
        同问
    回复
    迢迢牵牛星 0
    2018/3/26 11:48:49
    215359721 0
    2018/3/7 15:20:01
    收费就有点过分了
        1076222907bobo0
        2018/3/21 11:31:37
        是啊,充值少还贵
        CぁJぁJ0
        2018/3/21 19:16:49
        本来1个jq币的,系统自己升上去的
    回复
取消回复