评论：JSON表格分页  [查看原文]

所属分类：导航-分页

 59432  354  35
当前第1页 / 共2页
    alived0
    2022/4/26 15:19:50
    怎么在第一行的总标题上增加顺序排列的两个箭头 回复
    别提bug0
    2020/9/18 14:05:37
    想在一个页面中国渲染两个分页表格，如何实现
    回复
    你再靠近我报警！0
    2020/4/20 11:39:50
    想问一下有多个json的话怎么调用 回复
    枫?0
    2019/12/4 10:34:01
    数据展示只支持顺序，无法对应id之类的，后台返回参数不是很好对应 回复
    んdom??i??a??n??t?e??0
    2019/11/22 14:09:29
    求通过查询怎么初始化数据 回复
    书山有路0
    2019/7/7 18:41:08
    大神这个到底怎么重新渲染啊.重新调用一次方法都会报错
        ，0
        2019/9/28 9:45:06
        这个解决了么怎么弄得
        新之助小朋友1
        2021/8/30 15:51:02

        解决了 ，

        var btn = document.getElementById("button1");
btn.onclick = function() {
    layui.use("laypage", function() {
        var a = layui.laypage;
        a.render({
            elem: nicePage.bar,
            limit: nicePage.limit,
            theme: nicePage.color,
            count: json.length,
            layout: nicePage.layout,
            jump: function(b) {
                document.getElementById(nicePage.table).innerHTML = function() {
                    var c = [nicePage.returnHtml(nameList, widthList)],
                        d = nicePage.returnList(json).concat().splice(b.curr * b.limit - b.limit, b.limit);
                    layui.each(d, function(e, g) {
                        var f = nicePage.returnTable(g);
                        c.push(f)
                    });
                    c.push(" </table></br>");
                    return c.join("")
                }()
            }
        })
    })
}
    回复
    技术部 - 孙云朋 0
    2019/4/4 13:35:26
    这个 支持JQ 么 还需要在项目中引入 layUI 么
        原点0
        2019/6/6 9:56:46
        这个插件就是基于layUI的 建议直接到官网看
    回复
    下次六级肯定过0
    2019/3/9 17:24:38
    请问一下，我接收到websocket的json数据后，将它赋值给json，但是界面不显示，我重新选了每页可以显示的页码后，数据被加载，那么我要用哪个方法才能让它无刷新加载出来呢。
        uuuuu0
        2019/4/11 20:45:15
        同问！解决了吗？
    回复
    邢瑞东0
    2019/3/6 14:15:16
    大佬，怎么重新加载一次初始化。
        $ $0
        2019/3/6 15:09:00
        可以把layui 那个页面加载完执行的，写成一个函数 ，然后在ajax success之后 调用下写的那个函数
        ，0
        2019/9/28 9:46:52
        怎么弄得大佬
    回复
    Phalange0
    2019/1/21 17:07:32
    如果写了模糊查询怎么重新绑定json 数据，加载表格。 回复
    都怪本宫太善良:-)0
    2019/1/17 15:45:51
    这个不能自主选择渲染哪些内容么？ 回复
    焦鹏程0
    2019/1/5 14:47:45
    怎么不能添加列
        (?ω?)1
        2019/1/14 11:47:27

        直接修改json数据，在widthList和nameList上添加数据项将可以添加列了

        //nameList与widthList的数组长度要一致
var nameList = ['序号', '时间', '类型', '文件信息', '操作', '删除'];//table的列名
var widthList = [30, 80, 40, 200, 100, 40]; //table每列的宽度
        木子诺米0
        2019/1/14 17:46:18
        我没有找到demo，例子在哪里，要怎么用这个呀，是在哪里找呀？
    回复
    放纵じ0
    2018/12/31 16:32:27
    我用的本地json文件 为什么总是报错 json is not defined 回复
    小峰不懂残月0
    2018/12/25 15:47:49
    josn数据的数组名必须叫josn吗？ 回复
    大猫0
    2018/12/4 18:09:17
    大神，你这个json数据能从后台获取么？
        (?ω?)1
        2019/1/14 11:50:53
        var json = Array();
$.ajax({
    type: "post",
    url: "",
    data:{''},
    success: function (result) {
        result = JSON.parse(result);
        。。。获取数据赋值给json。。。
    },
    error:function () {
        alert("错误");
    }
});
        [%āā?]小萌新[$?ā]0
        2019/9/9 14:37:39
        {
   "code": 1,
   "msg": "获取数据成功",
   "data": {
       [
           {
               "medicineID": 1,
               "name": "止咳糖浆",
               "number": "20190078565",
               "factory":"山东某药厂",
               "produce":1567153189，
               "quality":"300",
               "purpose":"止咳信息"
               "price": "36.58" ,
               "specs": "500ml/盒",
               "stock": 300,
               "unit": "升",
           },
           {
               "medicineID": 2,
               "name": "止咳糖",
               "number": "20190078565",
               "factory":"山东某药厂",
               "produce":1567153189，
               "quality":"300",
               "purpose":"止咳信息"
               "price": "36.58" ,
               "specs": "500ml/盒",
               "stock": 300,
               "unit": "升",
           },
       ]

   }
 }

        这样的怎么用

        [%āā?]小萌新[$?ā]0
        2019/9/11 15:46:30
        var json = [];
$.ajax({
    type: "post",
    async: false,
    url: "http://112.125.26.165/api/project1/?r=medicine/get-list",
    data: {

        token: 'ad3eab04c61b33e523fca08f17970622',
        type: 'json',
        list: 'page',
        start: "1",
        pageSize: "10"

    },
    dataType: 'json',
    crossDomain: true,
    success: function(res) {

        jsons = res.data;

    },
    error: function() {
        alert("错误");
    }
});
console.log(jsons);
var json = jsons;

        解决了

    回复

讨论这个项目（35）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复