list_fthg.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  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 change = $.getUrlParam('change')?$.getUrlParam('change'):1;//判断是否取得是子栏目数据0是1不是
  29. var count = 0;
  30. mui.init({
  31. pullRefresh : {
  32. container:'#listpage',//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
  33. up : {
  34. height:50,//可选.默认50.触发上拉加载拖动距离
  35. auto:true,//可选,默认falsee.自动上拉加载一次
  36. contentrefresh : "<span style='font-size:40px'>正在加载...</span>",//可选,正在加载状态时,上拉加载控件上显示的标题内容
  37. contentnomore:"<span style='font-size:40px'>没有更多数据了</span>",//可选,请求完毕若没有更多数据时显示的提醒内容;
  38. callback :function () {
  39. //业务逻辑代码,比如通过ajax从服务器获取新数据;
  40. setTimeout(function () {
  41. mui('#listpage').pullRefresh().endPullupToRefresh((++count>order)); //参数为true代表没有更多数据了。
  42. /*mui.post(projectUrl+'trsdataAction!query_fthg.action',{
  43. channel_id:channel_id,
  44. data_star:(pages*(count-1)),
  45. data_end:(pages*count),
  46. change:change
  47. },function(data){
  48. if(data.success == true){
  49. var json =data.data;
  50. var listcont = document.body.querySelector('.listcont');
  51. for(var i = 0; i<json.length; i++){
  52. var industry = json[i];
  53. $("#listcont").append("<span ftbt='"+industry.doctitle+"' id='"+industry.docid+"'><p><a>"+industry.doctitle+"</a></p><p class='fbtime'>"+industry.docreltime+" "+industry.docsourcename+"</p></span>");
  54. }
  55. }
  56. },'json');*/
  57. mui.ajax({
  58. url : projectUrl+'trsdataAction!query_fthg.action',
  59. async : false,
  60. data : {
  61. channel_id:channel_id,
  62. data_star:(pages*(count-1)),
  63. data_end:(pages*count),
  64. change:change
  65. },
  66. success : function(data) {
  67. if(data.success == true){
  68. var json =data.data;
  69. var listcont = document.body.querySelector('.listcont');
  70. for(var i = 0; i<json.length; i++){
  71. var industry = json[i];
  72. $("#listcont").append("<span ftbt='"+industry.doctitle+"' id='"+industry.docid+"'><p><a href='javascript:click1()'>"+industry.doctitle+"</a></p><p class='fbtime'>"+industry.docreltime.substring(0,10)+" "+industry.docsourcename+"</p></span>");
  73. }
  74. }
  75. }
  76. });
  77. // mui('#listpage').pullRefresh().endPullupToRefresh(); //refresh completed
  78. }, 1500);
  79. }
  80. }
  81. }
  82. });
  83. var pageStyle={top:'0px', bottom:'0px'};
  84. function initss(){
  85. mui("#listcont").on("tap","span",function click1(e){
  86. var id=$(this).attr("id");
  87. var ftbt=encodeURI(encodeURI($(this).attr("ftbt")));
  88. var url = 'ftxx.html';
  89. mui.openWindow({
  90. url: url+'?doc_id='+id+'&ftbt='+ftbt,
  91. id:id,
  92. styles:pageStyle,
  93. createNew:true
  94. });
  95. })
  96. }
  97. </script>
  98. </head>
  99. <body onload="initss()">
  100. <!--<header class="sjheader">
  101. <div class="back fl mui-action-back"><a href="#" onclick="close_page()"><img src="images/cwfsz_03.png"></a></div>
  102. <div class="centerlogo fl"><img src="images/spzf_03.png"></div>
  103. </header>-->
  104. <header class="sjheader">
  105. <div class="back fl mui-action-back"><a href="#" onclick="close_page()">
  106. <img src="images/cwfsz_03.png"></a></div>
  107. <div class="header padding"><img src="images/spzf_03.png" class="logo"></div>
  108. <div class="searchbtn fr"><img id="shggg" src="images/cwfsz_06.png"></div>
  109. </header>
  110. <!--数据列表-->
  111. <div id='listpage' class="listcont wrap" style="padding-top: 30px;" >
  112. <div class="listcont" id="listcont">
  113. </div>
  114. </div>
  115. </body>
  116. </html>