后台JS数据怎么传入table

未结贴
9 154
后台JS数据怎么传入table,跪谢

热忱回答9

  • luoye luoye
    11天前
    后台传json数据,进行解析
    1 回复
  • luoye luoye
    10天前
    <table class="layui-table">
    <caption>文章列表</caption>
    <thead>
    <tr>
    <th>
    <input type="checkbox" id="checkAll">
    </th>
    <th>ID</th>
    <th>标题</th>
    <th>录入者</th>
    <th data-OrderBy="UpdateTime">录入时间</th>
    <th style="text-align:center;">操作</td>
    </tr>
    </thead>
    <tbody id="view"></tbody>
    </table>
    <div id="pagebox"></div>
    <script id="demo" type="text/html">
    {{# layui.each(d.articlelist, function(index, item){ }}
    <tr data-channelid="{{ item.ChannelID }}">
    <td>
    <input type="checkbox" name="checkchild" class="checkchild" value="{{ item.ID }}">
    </td>
    <td>{{ item.ID }}</td>
    <td>
    {{ item.Title }}
    </td>
    <td>{{ item.Inputer }}</td>
    <td>{{ item.UpdateTime }}</td>
    <td class="doAction">
    <button class="layui-btn layui-btn-mini layui-btn-normal" data-id="edit"><i class="layui-icon"></i> 修改</button>
    </td>
    </tr>
    {{# }); }}

    {{# if(!d.articlelist || d.articlelist.length == 0){ }}
    <tr class="noArticle"><td colspan="6">{{ d.msg||"没找到相关记录" }}</td></tr>
    {{# } }}
    </script>
    下面是js代码
    		function demo(curr){
    $.getJSON('data.json', {"page":curr||1},function(data){
    //显示分页
    laypage({
    cont: 'pagebox' //容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page1"></div>
    ,pages: data.pages //通过后台拿到的总页数
    ,curr: curr || 1 //当前页
    ,jump: function(obj, first){ //触发分页后的回调
    if(!first){ //点击跳页触发函数自身,并传递当前页:obj.curr
    demo(obj.curr);
    }
    }
    });
    var getTpl = $("#demo").html();
    laytpl(getTpl).render(data, function(html){
    $("#view").html(html);
    });
    });
    }
    1 回复
  • luoye luoye
    9天前
    此例中 后台返回的json为
    {
    "success":true,
    "pages":3,
    "articlelist":[{
    "ID":101,
    "ChannelID":3,
    "Title":"文章11111",
    "Inputer":"张三",
    "UpdateTime":"2016-9-2 18:21:30"
    },{
    "ID":102,
    "ChannelID":5,
    "Title":"文章2222",
    "Inputer":"李四",
    "UpdateTime":"2016-9-3 6:21:30"
    }]
    }
    1 回复
  • 猪头哥 猪头哥
    11天前
    @luoye 大腿,能给事例子吗,感谢[亲亲]
    0 回复
  • 猪头哥 猪头哥
    9天前
    @luoye layui.each(d.articlelist, function(index, item) 这个方法里d.articlelist参数是从哪里传过来的呀,能说明下吗,谢谢,本人是菜鸟上路,希望大神提点下,有劳了[害羞]
    0 回复
  • luoye luoye
    9天前
    关于模板的应用,可以访问 http://laytpl.layui.com/
    0 回复
  • ajian ajian
    8天前
    模板能够实现分页吗?如何实现
    0 回复
  • 猪头哥 猪头哥
    7天前
    @luoye 不好意思,根据你的方法,我这边有报错,我的项目框架是MVC4,跪求大神提点,谢谢
    1.html部分


    2.js部分


    3.后台控制器


    感谢,感谢[给力] [给力] [给力]
    0 回复
  • luoye luoye
    6天前
    layui.use([,'jquery','element','laypage','laytpl'], function(){
    var element = layui.element()
    ,laypage=layui.laypage
    ,laytpl = layui.laytpl
    ,$=layui.jquery;
    //分页及模板代码放这里
    });
    0 回复

最近热帖

  1. layui 分页如何自己用JS 跳转到指定页? 7008
  2. 建议。layer相册,不能实时增加图片。 4046
  3. 近期服务器遭受不明来源的持续攻击 1647
  4. layui的form组件的响应数据怎么获取 1562
  5. 为什么社区里搜索后跳转到必应? 1471
  6. .Net WebCMS后台管理系统 1377
  7. layui 社区2016年度十佳案例 1352
  8. 蓝狐宝社区,一个成长中的社区 412
  9. 分享自己的一点劳动成果 389
  10. ifram 父页面的 【确定】按钮触发页面的form验证 356
layim下载

近期热议

  1. layui能否支持 select2.的功能 27
  2. 近期服务器遭受不明来源的持续攻击 24
  3. .Net WebCMS后台管理系统 21
  4. 表单开关按钮放在模态框内就不显示了,怎么办,急! 15
  5. layer如何获取 拖动后的坐标位置 offset left和to'p 13
  6. 分享自己的一点劳动成果 11
  7. layui 社区2016年度十佳案例 11
  8. 关于layui树形菜单当前元素高亮的问题 10
  9. 关于lauyi单选框的问题 9
  10. 贤心是一个人吗?男的还是女的。。。 9