Hbuilder MUI 动态添加不同类型的数据

1. html页面需要添加的页面的数据格式www.bcty365.com　　 
2.  
3. <ul class="mui-table-view" id="OA_task_1"> 
4. <li class="mui-table-view-cell"> 
5. <div class="mui-slider-right mui-disabled"> 
6. <a class="mui-btn mui-btn-bule">企业联系人</a> 
7. <a class="mui-btn mui-btn-red">移除</a> 
8. </div> 
9. <div class="mui-slider-handle"><img class="mui-media-object mui-pull-left radius" src="images/img42.png"> 
10. <div class="mui-media-body"> 
11. <div class="mui-pull-left mui-ellipsis pl-name">萌萌哒天团萌萌哒天团萌萌哒天团萌萌哒天团</div> 
12. <p class="mui-pull-left pl-bule">企业联系人</p> 
13. </div> 
14. <div class="mui-media-body"> 
15. <p class="mui-pull-left">2016年1月5日</p> 
16. </div> 
17. </div> 
18. </li> 
19. <li class="mui-table-view-cell"> 
20. <div class="mui-slider-right mui-disabled"> 
21. <a class="mui-btn mui-btn-col">企业联系人</a> 
22. <a class="mui-btn mui-btn-red">移除</a> 
23. </div> 
24. <div class="mui-slider-handle"><img class="mui-media-object mui-pull-left radius" src="images/imgPPT.png"> 
25. <div class="mui-media-body"> 
26. <div class="mui-pull-left mui-ellipsis pl-name">T-ARA</div> 
27. </div> 
28. <div class="mui-media-body"> 
29. <p class="mui-pull-left">2016年1月5日</p> 
30. </div> 
31. </div> 
32. </li> 
33. </ul> 
34.  
35.   
36.  
37. js代码 
38.  
39. mui.ajax(url,{ 
40. data:{ 
41. userid:userid, 
42. type:'1' 
43. }, 
44. dataType:'json',//服务器返回json格式数据 
45. type:'post',//HTTP请求类型 
46. timeout:10000,//超时时间设置为10秒； 
47. success:function(data){ 
48. //服务器返回响应，根据响应结果，分析是否登录成功； 
49. var result = eval(data); 
50. result = eval(result); 
51. if(result!=null){ 
52. var x = 0; 
53. var value = result[0].value; 
54. var hcount = result[0].count; 
55. var appsize = result[0].appsize; 
56. mui('#pullrefresh').pullRefresh().endPullupToRefresh((++count > value)); //参数为true代表没有更多数据了。 
57. var table = document.body.querySelector('.mui-table-view'); 
58. var cells = document.body.querySelectorAll('.mui-table-view-cell'); 
59. if(hcount > cells.length){ 
60. for (var i = cells.length