Bez popisu

weiBoComment.html 3.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <script src="../Script/Common/huayi.load.js"></script>
  6. <script src="../Script/Common/huayi.config.js"></script>
  7. <link rel="stylesheet" href="../css/init.css" />
  8. <title>微博评论</title>
  9. <style>
  10. .treeTable {
  11. height: 400px;
  12. /*overflow-y: auto;*/
  13. }
  14. .content {
  15. width: 270px;
  16. height: 100%;
  17. overflow: hidden;
  18. white-space: nowrap;
  19. text-overflow: ellipsis;
  20. text-align: left;
  21. cursor: pointer;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div class="container-fluid">
  27. <div class="daoHang clearfix">
  28. <div class="dhLeft">
  29. <sapn><i class="syIcon"></i>位置:<a id="ReIndex">首页</a>&gt;<a href="javaScript:;">后台管理</a>&gt;<a href="" class="nowPosition">微博评论</a></sapn>
  30. </div>
  31. <div class="dhRight"><i class="fa fa-refresh"></i></div>
  32. </div>
  33. <div class="treeTable clearfix">
  34. <div class="tableCon">
  35. <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  36. <thead>
  37. <tr>
  38. <th data-field="W_Id" data-align="center">微博ID</th>
  39. <th data-field="W_Text" data-align="center" >微博信息</th>
  40. <th data-field="W_Source" data-align="center">关联</th>
  41. <th data-field="W_Name" data-align="center" >发布人</th>
  42. <th data-field="W_Created_at" data-align="center" >发布时间</th>
  43. <th data-field="W_Location" data-align="center">所在地</th>
  44. <th data-field="W_Url" data-align="center">链接</th>
  45. </tr>
  46. </thead>
  47. <tbody id="tbody"></tbody>
  48. </table>
  49. </div>
  50. </div>
  51. </div>
  52. <script src="../css/layer/layer.js"></script>
  53. <script>
  54. var id = helper.request.queryString("id");
  55. var table=$('#table1');
  56. initTable(id)
  57. function initTable(id) {
  58. //先销毁表格
  59. table.bootstrapTable('destroy');
  60. //初始化表格,动态从服务器加载数据
  61. table.bootstrapTable({
  62. method: "get", //使用get请求到服务器获取数据
  63. url: huayi.config.callcenter_url + "WeiBo/CommentsList", //获取数据的Servlet地址
  64. contentType: "application/x-www-form-urlencoded",
  65. striped: true, //表格显示条纹
  66. pagination: true, //启动分页
  67. pageSize: 10, //每页显示的记录数
  68. pageNumber: 1, //当前第几页
  69. pageList: [10, 20, 50, 100], //记录数可选列表
  70. search: false, //是否启用查询
  71. showColumns: false, //显示下拉框勾选要显示的列
  72. showRefresh: false, //显示刷新按钮
  73. sidePagination: "server", //表示服务端请求
  74. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  75. //设置为limit可以获取limit, offset, search, sort, order
  76. queryParamsType: "undefined",
  77. queryParams: function queryParams(params) { //设置查询参数
  78. var param = {
  79. page: params.pageNumber,
  80. pagesize: params.pageSize,
  81. token:$.cookie("token"),
  82. id:id
  83. };
  84. return param;
  85. },
  86. onLoadSuccess: function() { //加载成功时执行
  87. //layer.msg("加载成功");
  88. },
  89. onLoadError: function() { //加载失败时执行
  90. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  91. }
  92. });
  93. }
  94. </script>
  95. </body>
  96. </html>