Bez popisu

questionDetails.html 4.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>用户答题表详情</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <!-- <script src="../Script/Common/huayi.load.js"></script> -->
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../css/init.css" rel="stylesheet" />
  10. <link href="../css/Table/table1.css" rel="stylesheet" />
  11. <link href="../css/init.css" rel="stylesheet" />
  12. <link href="../css/boot/bootstrap-table.css" rel="stylesheet" >
  13. <link href="../css/bootstrap.min14ed.css?v=3.3.6\" />
  14. </head>
  15. <body class="gray-bg">
  16. <div class="wrapper wrapper-content animated fadeInRight">
  17. <div class="tab_contents" id="tab_contents">
  18. <div class="tabs_details showtabs">
  19. <table id="table_all" data-row-style="rowStyle" data-query-params="queryParams">
  20. <thead>
  21. <tr>
  22. <th data-formatter="setCode" data-width="" data-align="center">序号</th>
  23. <th data-field="telcode" data-width="" data-align="center">电话号码</th>
  24. <th data-field="testname" data-width="" data-align="center">题目名称</th>
  25. <th data-field="grade" data-width="" data-align="center">得分</th>
  26. <th data-field="testtypename" data-width="" data-align="center">试卷类型</th>
  27. <th data-field="createtime" data-width="" data-align="center">做题时间</th>
  28. </tr>
  29. </thead>
  30. </table>
  31. </div>
  32. </div>
  33. </div>
  34. <script type="text/javascript" src="../js/jquery.min.js?v=2.1.4"></script>
  35. <script type="text/javascript" src="../js/jquery.cookie.js"></script>
  36. <script type="text/javascript" src="../css/layer/layer.js"></script>
  37. <script src="../js/bootstrap.min.js?v=3.3.6"></script>
  38. <script src="../js/bootstrap-table.js"></script>
  39. <script src="../js/bootstrap-table-zh-CN.js"></script>
  40. <script src="../Script/Common/huayi.http.js"></script>
  41. <script>
  42. var tel = helper.request.queryString("tel");
  43. $(document).ready(function(){
  44. initTable()
  45. })
  46. function initTable() {
  47. //先销毁表格
  48. $('#table_all').bootstrapTable('destroy');
  49. //初始化表格,动态从服务器加载数据
  50. $('#table_all').bootstrapTable({
  51. method: "get", //使用get请求到服务器获取数据
  52. url: huayi.config.callcenter_url + "testusertypeapi/api/TestUserType/GetUserDoTest", //获取数据的Servlet地址
  53. contentType: "application/x-www-form-urlencoded",
  54. striped: true, //表格显示条纹
  55. pagination: true, //启动分页
  56. pageSize: 10, //每页显示的记录数
  57. pageNumber: 1, //当前第几页
  58. pageList: [10, 20, 50, 100], //记录数可选列表
  59. search: false, //是否启用查询
  60. showColumns: false, //显示下拉框勾选要显示的列
  61. showRefresh: false, //显示刷新按钮
  62. sidePagination: "server", //表示服务端请求
  63. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  64. //设置为limit可以获取limit, offset, search, sort, order
  65. queryParamsType: "undefined",
  66. queryParams: function queryParams(params) { //设置查询参数
  67. var param = {
  68. pageindex: params.pageNumber, //否 string 当前页
  69. pagesize: params.pageSize, //否 string 每页记录数
  70. telcode: tel, // 电话号
  71. };
  72. return param;
  73. },
  74. responseHandler: function(res) {
  75. return {
  76. "total": res.data.total, //总页数
  77. "rows": res.data.rows //数据
  78. };
  79. },
  80. onLoadSuccess: function(res) { //加载成功时执行
  81. },
  82. onLoadError: function() { //加载失败时执行
  83. }
  84. });
  85. }
  86. function setCode(val, row, index) {
  87. return ++index;
  88. }
  89. </script>
  90. </body>
  91. </html>