1 Star 0 Fork 83

weilaix / yidongyiapp

forked from sectong / yidongyiapp 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
subpage-news_sub.html 3.01 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史
jiekechoo 提交于 2016-10-12 23:29 . 修改新闻页内容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
</head>
<body>
<!--下拉刷新容器-->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<!--数据列表-->
<ul class="mui-table-view mui-table-view-chevron">
</ul>
</div>
</div>
<script src="js/mui.min.js"></script>
<script src="js/app.js"></script>
<script>
var maxid = 0;
var minid = 0;
mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
callback: pulldownRefresh
},
// up: {
// contentrefresh: '正在加载...',
// callback: pullupRefresh
// }
}
});
/**
* 下拉刷新具体业务实现
*/
function pulldownRefresh() {
setTimeout(function() {
var table = document.body.querySelector('.mui-table-view');
var cells = document.body.querySelectorAll('.mui-table-view-cell');
// 获取数据列表
mui.ajax('http://localhost:8080' + '/api/v1/news/getNewsList?startid=' + maxid + '&sort=id,DESC', {
data: {},
dataType: 'json',
timeout: 10000, //超时时间设置为10秒;
success: function(data, status, xhr) {
console.info("get code: %s, maxid: %s, minid: %s", data.code, maxid, minid);
var cc = data.content.content;
// 解析数据并填充cell
if(data.content.totalElements > 0) {
for(var i = data.content.totalElements - 1; i >= 0; i--) {
var dd = new Date(cc[i].datetime);
var li = document.createElement('li');
li.className = 'mui-table-view-cell mui-media';
var str = '<a class="mui-navigate-right">';
str += '<img class="mui-media-object mui-pull-left" src="images/cbd.jpg">';
str += '<div class="mui-media-body">' + cc[i].title + '<p class = "mui-ellipsis" > ' +
dd.toLocaleDateString() + ' ' +
dd.toLocaleTimeString() + ' </div>';
str += '</a>';
li.innerHTML = str;
//下拉刷新,新纪录插到最前面;
table.insertBefore(li, table.firstChild);
}
maxid = cc[0].id;
minid = cc[data.content.totalElements - 1].id;
plus.nativeUI.toast('更新新闻条目:' + data.content.totalElements);
console.info("after view ==> maxid: %s, minid: %s", maxid, minid);
}
}
});
mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
}, 1500);
}
if(mui.os.plus) {
mui.plusReady(function() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().pulldownLoading();
}, 1000);
});
} else {
mui.ready(function() {
mui('#pullrefresh').pullRefresh().pulldownLoading();
});
}
</script>
</body>
</html>
HTML
1
https://gitee.com/WisdomUniverse/yidongyiapp.git
git@gitee.com:WisdomUniverse/yidongyiapp.git
WisdomUniverse
yidongyiapp
yidongyiapp
master

搜索帮助

14c37bed 8189591 565d56ea 8189591