12345市长热线标准版-前端

weiBo.html 3.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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 col-md-9">
  35. <table id="table1" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">
  36. <thead>
  37. <tr>
  38. <th data-align="W_Id">微博ID</th>
  39. <th data-field="W_Text" data-align="center" data-formatter="detail">微博信息</th>
  40. <th data-field="W_Source" data-align="left">关联</th>
  41. <th data-field="W_Name" data-align="left" >发布人</th>
  42. <th data-field="W_Created_at" data-align="left" >发布时间</th>
  43. <th data-field="W_Url" data-align="left" >操作</th>
  44. </tr>
  45. </thead>
  46. <tbody id="tbody"></tbody>
  47. </table>
  48. </div>
  49. </div>
  50. </div>
  51. <script src="../css/layer/layer.js"></script>
  52. <script src="../js/weiBo.js"></script>
  53. </body>
  54. <script>
  55. var table=$('#table1');
  56. function initTable() {
  57. //先销毁表格
  58. table.bootstrapTable('destroy');
  59. //初始化表格,动态从服务器加载数据
  60. table.bootstrapTable({
  61. method: "get", //使用get请求到服务器获取数据
  62. url: huayi.config.callcenter_url + "WeiBo/WeiBoList", //获取数据的Servlet地址
  63. contentType: "application/x-www-form-urlencoded",
  64. striped: true, //表格显示条纹
  65. pagination: true, //启动分页
  66. pageSize: 10, //每页显示的记录数
  67. pageNumber: 1, //当前第几页
  68. pageList: [10, 20, 50, 100], //记录数可选列表
  69. search: false, //是否启用查询
  70. showColumns: false, //显示下拉框勾选要显示的列
  71. showRefresh: false, //显示刷新按钮
  72. sidePagination: "server", //表示服务端请求
  73. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  74. //设置为limit可以获取limit, offset, search, sort, order
  75. queryParamsType: "undefined",
  76. queryParams: function queryParams(params) { //设置查询参数
  77. var param = {
  78. page: params.pageNumber,
  79. pagesize: params.pageSize,
  80. token:$.cookie("token")
  81. };
  82. return param;
  83. },
  84. onLoadSuccess: function() { //加载成功时执行
  85. //layer.msg("加载成功");
  86. },
  87. onLoadError: function() { //加载失败时执行
  88. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  89. }
  90. });
  91. }
  92. function detail(val,row){
  93. return'<div class="content" onclick="goDetail('+ row.W_Id+')">'+ val +'</div>'
  94. }
  95. //跳转详情页
  96. function goDetail(did){
  97. top.$("iframe:visible")[0].src = "zhiShiKu/zhiShiKuDetail.html?id="+did;
  98. }
  99. </script>
  100. </html>