5***@qq.com
5***@qq.com
  • 发布:2019-08-25 17:08
  • 更新:2019-08-26 10:11
  • 阅读:1910

原生标题栏titleNView 自定义返回按钮的点击事件怎么设置

分类:Native.js

2019/8/25
function openPage1(url, id, type, titleText) {

mui.openWindow({  
    url: url,  
    id: id,  
    styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置  
        titleNView: { // 窗口的标题栏控件  
            autoBackButton: false,  
            titleText: titleText, // 标题栏文字,当不设置此属性时,默认加载当前页面的标题,并自动更新页面的标题  
            titleColor: "#000000", // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"  
            titleSize: "17px", // 字体大小,默认17px  
            backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"  
            progress: { // 标题栏控件的进度条样式  
                color: "#00FF00", // 进度条颜色,默认值为"#00FF00"    
                height: "2px" // 进度条高度,默认值为"2px"           
            },  
            splitLine: { // 标题栏控件的底部分割线,类似borderBottom  
                color: "#CCCCCC", // 分割线颜色,默认值为"#CCCCCC"    
                height: "1px" // 分割线高度,默认值为"2px"  
            },  
            type: "transparent",  
            autoBackButton: false,  
            buttons: [{  
                type: 'back',  
                text: '\ue123',  
                float: 'left',  
                onclick: clickButton()  
            }]  
        }  
    },  
    extras: { //这是要传的数据  
        type: type  
    },  
    waiting: {  
        autoShow: false //自动显示等待框,默认为true  
    }  
});  

}

buttons: [{
type: 'back',
text: '\ue123',
float: 'left',
onclick: clickButton()
}]

这个事件在页面打开的时候触发了。

2019/8/26
//可以打开页面、关闭页面就会返回上上个页面
function openPage1(url, id, type, titleText) {

var options = {  
    styles: {  
        popGesture: "close"  
    },  
    extras: { //这是要传的数据  
        type: type  
    },  
    waiting: {  
        autoShow: false //自动显示等待框,默认为true  
    }  
};  
options.styles.titleNView = {  
    autoBackButton: false,  
    backgroundColor: '#f7f7f7',  
    titleText: titleText,  
    splitLine: {  
        color: '#cccccc'  
    },  
    buttons:[{type:"back",left:'right',onclick:clickButton}]  
};  

options.show = {  
    event: 'loaded'  
}  
options.styles.titleNView.type = "transparent";  
mui.openWindow(url, id, options);  

}

// 点击自定义按钮回调函数
function clickButton() {
plus.navigator.setFullscreen(false);
mui.back();
}

//页面监听返回又返回不了
mui.init({
keyEventBind: {
backbutton: true //打开back按键监听
}
});
mui.back = function() {
mui.back();
}

2019-08-25 17:08 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com (作者) - app前端开发

可以返回,但是这个关闭页面会吧两个页面关闭掉;返回上上个页面
// 点击自定义按钮回调函数
function clickButton() {
mui.back();
}

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