父页面代码：
mui.openWindow({
url: 'xxx.html',
id: 'xxx.html',
styles: {
top: '30%',
height: '70%',
popGesture: 'none'
},
show: {
aniShow: 'slide-in-bottom'
}
});
子页面代码：
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-close mui-pull-right" style="color: #DD524D;"></a>
<h1 class="mui-title">标题</h1>
</header>
<div class="mui-content">
<!--下拉刷新容器-->
<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
<div class="mui-scroll">
<ul id="list" class="mui-table-view">
</ul>
</div>
</div>
</div>
......
</body>
mui.init({
pullRefresh: {
container: '#pullrefresh',
down:{
auto:false,
contentdown: "",
contentover: " ",
contentrefresh: "",
callback: pulldownRefresh
},
up:{
auto: false, //自动执行一次上拉加载，可选；
show: true, //显示底部上拉加载提示信息，可选；
contentinit: '', //可以上拉提示信息
contentdown: '', //上拉结束提示信息
contentrefresh : "正在加载...",
contentnomore:'没有更多数据了',
callback: pullupRefresh
}
}
});
//手势触发下拉刷新执行函数
function pulldownRefresh(){
//TODO下拉刷新数据
var datas =
[
{timeStamp:'4',id:'004',name:'名称4'},
{timeStamp:'3',id:'003',name:'名称3'}
];
var lis = '';
mui.each(datas, function(index, row){
PULL.uplast = row.timeStamp; //记录时间戳
lis +=
'<li id="'+row.id+'" class="mui-table-view-cell mui-checkbox list-item">' +
'<div class="mui-slider-handle">' +
'<div class="list-item-left">' +
'<img src="../images/tupian.png" />' +
'</div>' +
'<div class="list-item-middle">' +
'<div>名称：'+row.name+'</div>' +
'</div>' +
'</div>' +
'</li>';
});
document.getElementById('list').innerHTML = lis;
PULL.finishPulldown('#pullrefresh');
}
//手势触发上拉加载执行函数
function pullupRefresh(){
//TODO上拉加载数据
var datas =
[
{timeStamp:'2',id:'002',name:'名称2'},
{timeStamp:'1',id:'001',name:'名称1'}
];
var lis = '';
mui.each(datas, function(index, row){
lis += ''
'<li id="'+row.id'" class="mui-table-view-cell mui-checkbox list-item">' +
'<div class="list-item-left">' +
'<img src="../images/tupian.png" />' +
'</div>' +
'<div class="list-item-middle">' +
'<div>名称：'+row.name+'</div>' +
'</div>' +
'</li>';
});
document.getElementById('list').innerHTML += lis;
PULL.finishPullup('#pullrefresh'); //该次上拉加载完成时调用
// PULL.finishPullup('#pullrefresh', true); //没有更多数据时调用
}
mui.plusReady(function(){
//重写后退事件
var old_back = mui.back;
mui.back = function(){
//返回上页需要执行的方法
mui.fire(plus.webview.currentWebview().opener(), 'callback');
//返回
old_back();
}
});
2 个回复
1***@qq.com (作者)
没人回答？
1***@qq.com (作者)
问题已经解决了，是我自己的问题，之前没有理解透彻双webview的含义，所以自以为是的把用openWindow打开的页面当成下拉列表页面了（这实际上是单webview的做法）。
解决方式是：在问题描述中，除了提到的父页面（打开者页面Opener），子页面（双webview的父页面Main）外，再加一个页面sub（双webview的子页面Sub），
在Opener负责用openWindow打开Main，Main负责用subpages加载Sub，下拉、上拉业务在Sub中进行。
1***@qq.com
双webview 你可以加轮播图吗？ 我加了无法使用
2018-10-23 11:37