list_pdf.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>四平市政府</title>
  6. <link rel="stylesheet" href="css/basic.css" />
  7. <script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
  8. <script type="text/javascript" src="js/basic.js" ></script>
  9. <script type="text/javascript" src="js/idealDic/idealDicInclude.js"></script>
  10. <script src="js/mui.min.js"></script>
  11. <script type="text/javascript">
  12. (function($){
  13. $.getUrlParam = function(name)
  14. {
  15. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  16. var r = window.location.search.substr(1).match(reg);
  17. if (r!=null) return unescape(r[2]); return null;
  18. }
  19. })(jQuery);
  20. function close_page(){
  21. mui.currentWebview.close();
  22. }
  23. var channel_id = $.getUrlParam('channel_id');//id
  24. var counts = $.getUrlParam('count');//总数
  25. var pages = dicContainer['app'].toValue('page');//每页总数
  26. var order =Math.ceil(counts/pages);//页数
  27. order = order-1;
  28. var count = 0;
  29. mui.init({
  30. pullRefresh : {
  31. container:'#listpage',//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
  32. up : {
  33. height:50,//可选.默认50.触发上拉加载拖动距离
  34. auto:true,//可选,默认falsee.自动上拉加载一次
  35. contentrefresh : "<span style='font-size:40px'>正在加载...</span>",//可选,正在加载状态时,上拉加载控件上显示的标题内容
  36. contentnomore:"<span style='font-size:40px'>没有更多数据了</span>",//可选,请求完毕若没有更多数据时显示的提醒内容;
  37. callback :function () {
  38. //业务逻辑代码,比如通过ajax从服务器获取新数据;
  39. setTimeout(function () {
  40. mui('#listpage').pullRefresh().endPullupToRefresh((++count>order)); //参数为true代表没有更多数据了。
  41. /*mui.post(projectUrl+'trsdataAction!query_index_data.action',{
  42. channel_id:channel_id,
  43. data_star:(pages*(count-1)),
  44. data_end:(pages*count)
  45. },function(data){
  46. if(data.success == true){
  47. var json =data.data;
  48. var listcont = document.body.querySelector('.listcont');
  49. for(var i = 0; i<json.length; i++){
  50. var industry = json[i];
  51. $("#listcont").append("<span id='"+industry.docpuburl+"'><p><a>"+industry.doctitle+"</a></p><p class='fbtime'>"+industry.docreltime+" "+industry.docsourcename+"</p></span>");
  52. }
  53. }
  54. },'json');*/
  55. mui.ajax({
  56. url : projectUrl+'trsdataAction!query_index_data.action',
  57. async : false,
  58. data : {
  59. channel_id:channel_id,
  60. data_star:(pages*(count-1)),
  61. data_end:(pages*count)
  62. },
  63. success : function(data) {
  64. if(data.success == true){
  65. var json =data.data;
  66. var listcont = document.body.querySelector('.listcont');
  67. for(var i = 0; i<json.length; i++){
  68. var industry = json[i];
  69. $("#listcont").append("<span id='"+industry.docpuburl+"'><p><a href='javascript:click1()'>"+industry.doctitle+"</a></p><p class='fbtime'>"+industry.docreltime+" "+industry.docsourcename+"</p></span>");
  70. }
  71. }
  72. }
  73. });
  74. // mui('#listpage').pullRefresh().endPullupToRefresh(); //refresh completed
  75. }, 1500);
  76. }
  77. }
  78. }
  79. });
  80. var pageStyle={top:'50px', bottom:'0px'};
  81. function initss(){
  82. mui("#listcont").on("tap","span",function click1(e){
  83. var id=$(this).attr("id");
  84. mui.openWindow({
  85. url: id,
  86. id:id,
  87. styles:pageStyle,
  88. createNew:true
  89. });
  90. })
  91. }
  92. </script>
  93. </head>
  94. <body onload="initss()" >
  95. <!--<header class="sjheader">
  96. <div class="back fl mui-action-back"><a href="#" onclick="close_page()"><img src="images/cwfsz_03.png"></a></div>
  97. <div class="centerlogo fl"><img src="images/spzf_03.png"></div>
  98. </header>-->
  99. <header class="sjheader">
  100. <div class="back fl mui-action-back"><a href="#" onclick="close_page()">
  101. <img src="images/cwfsz_03.png"></a></div>
  102. <div class="header padding"><img src="images/spzf_03.png" class="logo"></div>
  103. <div class="searchbtn fr"><img id="shggg" src="images/cwfsz_06.png"></div>
  104. </header>
  105. <!--数据列表-->
  106. <div id='listpage' class="listcont wrap" style="padding-top: 30px;">
  107. <div class="listcont" id="listcont">
  108. </div>
  109. </div>
  110. </body>
  111. </html>