d***@devnn.com
d***@devnn.com
  • 发布:2017-12-06 16:17
  • 更新:2017-12-06 16:47
  • 阅读:1033

双webview下拉刷新上拉加载,父页面js操作子页面

分类:MUI

如下代码是官方的“双webview下拉刷新上拉加载”代码示例,列表数据是在pullrefresh_sub.html这个子页面配置的,现在要在父页面,也就是下面这个代码的页面,要用js清空子页面数据。怎么做?

> <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></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>  
    <header class="mui-bar mui-bar-nav">  
        <a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>  
        <h1 id="title" class="mui-title">下拉刷新和上拉加载更多</h1>  
    </header>  
    <div class="mui-content"></div>  
</body>  
<script src="../js/mui.min.js"></script>  
<script type="text/javascript">  
    //启用双击监听  
    mui.init({  
        gestureConfig:{  
            doubletap:true  
        },  
        subpages:[{  
            url:'pullrefresh_sub.html',  
            id:'pullrefresh_sub.html',  
            styles:{  
                top: '45px',  
                bottom: '0px',  
            }  
        }]  
    });  

    var contentWebview = null;  
    document.querySelector('header').addEventListener('doubletap',function () {  
        if(contentWebview==null){  
            contentWebview = plus.webview.currentWebview().children()[0];  
        }  
            contentWebview.evalJS("alert('a')");  
        contentWebview.evalJS("mui('#pullrefresh').pullRefresh().scrollTo(110,110,200)");  
    });  
</script>  

</html>

2017-12-06 16:17 负责人:无 分享
已邀请:
洛上千栀

洛上千栀

自定义事件实现多webview间数据传递
http://dev.dcloud.net.cn/mui/event/#customevent

或者用你代码最后的evalJS,里面写清空方法就可以了
contentWebview.evalJS();

  • d***@devnn.com (作者)

    试了,不行。alert都弹不出来。

    2017-12-06 17:03

  • 洛上千栀

    直接拿到子页面的webviewid pullrefresh_sub.html进行操作呢?我这里双webview子页面是可以监听到父页面传过来的事件的

    2017-12-06 17:07

该问题目前已经被锁定, 无法添加新回复