lb.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>四平市政府</title>
  6. <link rel="stylesheet" href="css/mui.min.css" />
  7. <link rel="stylesheet" href="css/basic.css" />
  8. <script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
  9. <script type="text/javascript" src="js/basic.js" ></script>
  10. <script type="text/javascript" src="js/idealDic/idealDicInclude.js"></script>
  11. <script src="js/mui.min.js"></script>
  12. <script>
  13. var text;
  14. function close_page(){
  15. mui.currentWebview.close();
  16. }
  17. (function($){
  18. $.getUrlParam = function(name)
  19. {
  20. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  21. var r = window.location.search.substr(1).match(reg);
  22. if (r!=null) return unescape(r[2]); return null;
  23. }
  24. })(jQuery);
  25. var channel_id = $.getUrlParam('channel_id');//id
  26. var type = $.getUrlParam('type');
  27. var counts = $.getUrlParam('count');//总数
  28. var pages = dicContainer['app'].toValue('page');//每页总数
  29. var order =Math.ceil(counts/pages);//页数
  30. order = order-1;
  31. var count = 0;
  32. function load(){
  33. var leibie="";
  34. if(channel_id=="4966"){
  35. leibie=dicContainer['gkml_fl'].toEachChild();
  36. for(var i=0;i<leibie.length;i++){
  37. $("#fenlei").append("<li text='"+leibie[i]+"0'><a href=''>"+leibie[i]+"</a></li>");
  38. }
  39. }else{
  40. leibie=dicContainer['gkml_lb'].toEachChild();
  41. for(var i=0;i<leibie.length;i++){
  42. $("#fenlei").append("<li text='"+leibie[i]+"1'><a href=''>"+leibie[i]+"</a></li>");
  43. }
  44. }
  45. mui("#listcont").on("tap","li",function click1(e){
  46. var id=$(this).attr("id");
  47. var url = 'gkml.html';
  48. mui.openWindow({
  49. url: url+'?doc_id='+id,
  50. id:id,
  51. styles:{top:'0px', bottom:'0px'},
  52. createNew:true
  53. });
  54. });
  55. mui("#fenlei").on("tap","li",function(e){
  56. text=$(this).attr('text');
  57. //querydata(text);
  58. loadData();
  59. })
  60. }
  61. function loadData(){
  62. count = 1;
  63. document.getElementById("listcont").innerHTML="";
  64. mui.post(projectUrl+'trsdataAction!query_channel_child.action',{
  65. channelid:channel_id,
  66. data_star:(pages*(count-1)),
  67. data_end:(pages*count),
  68. type:type,
  69. text:text
  70. },function(data){
  71. if(data.success == true){
  72. var json =data.data;
  73. if(json==""){
  74. $("#listcont").append("<li><p> 该类别暂无数据</p></li>");
  75. }else{
  76. for(var i = 0; i<json.length; i++){
  77. var industry = json[i];
  78. var pubdate=industry.pubdate.substring(0,industry.pubdate.length-10)
  79. $("#listcont").append("<li id='"+industry.docid+"'><a href='javascript:click1()'>"+industry.title+"</a><p>"+pubdate+"</p></li>");
  80. }
  81. }
  82. }
  83. },'json'
  84. );
  85. }
  86. function querydata(text){
  87. mui.init({
  88. pullRefresh : {
  89. container:'#listpage',//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
  90. up : {
  91. height:50,//可选.默认50.触发上拉加载拖动距离 上拉显示更多
  92. auto:true,//可选,默认falsee.自动上拉加载一次
  93. contentrefresh : "<span style='font-size:40px'>正在加载...</span>",//可选,正在加载状态时,上拉加载控件上显示的标题内容
  94. contentnomore:"<span style='font-size:40px'>没有更多数据了</span>",//可选,请求完毕若没有更多数据时显示的提醒内容;
  95. callback :pulldown
  96. }
  97. }
  98. });
  99. }
  100. function pulldown() {
  101. var tx = text;
  102. //业务逻辑代码,比如通过ajax从服务器获取新数据;
  103. setTimeout(function () {
  104. mui('#listpage').pullRefresh().endPullupToRefresh((++count>order)); //参数为true代表没有更多数据了。
  105. /*mui.post(projectUrl+'trsdataAction!query_channel_child.action',{
  106. channelid:channel_id,
  107. data_star:(pages*(count-1)),
  108. data_end:(pages*count),
  109. type:type,
  110. text:tx
  111. },function(data){
  112. if(data.success == true){
  113. var json =data.data;
  114. for(var i = 0; i<json.length; i++){
  115. var industry = json[i];
  116. var pubdate=industry.pubdate.substring(0,industry.pubdate.length-10)
  117. $("#listcont").append("<li id='"+industry.docid+"'><a href=''>"+industry.title+"</a><p>"+pubdate+"</p></li>");
  118. }
  119. }
  120. },'json');*/
  121. mui.ajax({
  122. url : projectUrl+'trsdataAction!query_channel_child.action',
  123. async : false,
  124. data : {
  125. channelid:channel_id,
  126. data_star:(pages*(count-1)),
  127. data_end:(pages*count),
  128. type:type,
  129. text:tx
  130. },
  131. success : function(data) {
  132. if(data.success == true){
  133. var json =data.data;
  134. for(var i = 0; i<json.length; i++){
  135. var industry = json[i];
  136. var pubdate=industry.pubdate.substring(0,industry.pubdate.length-10)
  137. $("#listcont").append("<li id='"+industry.docid+"'><a href='javascript:click1()'>"+industry.title+"</a><p>"+pubdate+"</p></li>");
  138. }
  139. }
  140. }
  141. });
  142. // mui('#listpage').pullRefresh().endPullupToRefresh(); //refresh completed
  143. }, 1500);
  144. }
  145. </script>
  146. </head>
  147. <body onload="load(),querydata()">
  148. <header class="sjheader">
  149. <div class="back fl mui-action-back"><a href="#" onclick="close_page()"><img src="images/cwfsz_03.png"></a></div>
  150. <div class="centerlogo fl"><img src="images/spzf_03.png"></div>
  151. </header>
  152. <!--导航-->
  153. <nav class="nav">
  154. </nav>
  155. <div class="line"></div>
  156. <!--分类-->
  157. <div class="tydiv">
  158. <h2>类别 </h2>
  159. <ul id="fenlei" class="plul">
  160. </ul>
  161. </div>
  162. <!--分类-->
  163. <div class="line"></div>
  164. <div id='listpage'>
  165. <ul id="listcont" class="dtlistul">
  166. </ul>
  167. </div>
  168. <div class="clear"></div>
  169. </body>
  170. </html>