Framework7 设置是否允许点击弹出框外部区域,关闭弹出层

1,Framework7中三大类弹出框
 
(1)模态框(modal):默认点击外部区域不会关闭弹出框

模态框包括:告警框(Alert)、确认框(Confirm)、需要用户输入的提示框(Prompt)

 


(2)操作表(Action Sheet):默认点击外部区会自动关闭

 


(3)弹出层(Popup):默认点击外部区域会自动关闭

 


2,修改默认的关闭方式

如果想要点击模态框(modal)外部区域也会关闭模态框。或者不允许点击操作表(Action Sheet)、弹出层(Popup)外部区域时会自动关闭。
我们可以在 Framework7 初始化的时候可以进行如下修改。

// 初始化 app
var myApp = new Framework7({
          modalCloseByOutside: true,
          actionsCloseByOutside: false,
          popupCloseByOutside: false
});

3,参数说明
(1)modalCloseByOutside:模态框(modal)是否允许通过点击外部关闭(默认值:false)
(2)actionsCloseByOutside:操作表(Action Sheet)是否允许通过点击外部关闭(默认值:true)
(3)popupCloseByOutside:弹出层(Popup)是否允许通过点击外部关闭(默认值:true)

时间: 2024-09-29 04:03:14

Framework7 设置是否允许点击弹出框外部区域,关闭弹出层的相关文章

visual studio-combobox控件如何设置可以实现点击控件任何位置都能弹出下拉菜单?

问题描述 combobox控件如何设置可以实现点击控件任何位置都能弹出下拉菜单? Microsoft Visual Studio 2010里的控件 解决方案 combobox控件本身是没有这样的功能的. 可以考虑自绘制控件, 解决方案二: combobox和你所谓的任意控件什么关系

arcgis api+-显示点,点击点弹出框,弹出框里文字显示不出(attritude问题)

问题描述 显示点,点击点弹出框,弹出框里文字显示不出(attritude问题) <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum

你好,在activiti中能实现点击某个任务框,然后然后弹出一个面板来输入参数吗?

问题描述 你好,在activiti中能实现点击某个任务框,然后然后弹出一个面板来输入参数吗? 你好,在activiti中能实现点击某个任务框,然后然后弹出一个面板来输入参数吗? 解决方案 你连这个都不会呀?不就是dialog嵌入edittext吗? 解决方案二: 可以啊,给任务框控件添加点击事件,点击后弹出你自定义的带有edittext的dialog

点击弹出层外区域关闭弹出层jquery特效示例_jquery

点击弹出层外区域关闭弹出层jquery特效,废话不说,上代码,简洁明了: 复制代码 代码如下: <html> <head> <style> .hide{display:none;} .con{width:500px;height:300px;background:#000;} </style> <title>点击弹出层 ,点击弹出层外区域关闭弹出层jquery特效</title> <script type="text/

写一个alert弹出的页面,在微信打开时,弹出框会有“关闭网页”的默认按钮,这个怎么去掉呢?

问题描述 写一个alert弹出的页面,在微信打开时,弹出框会有"关闭网页"的默认按钮,这个怎么去掉呢? 解决方案 安卓机无法去掉,除非你自己写一个弹出的函数和页面出来

lightbox弹出框上如何再弹出确认框

问题描述 最近项目中用lightbox做了一个弹出页面,然后在该页面上进行操作时需要再弹出个确认框, 但是这个确认框总是被原弹出页面遮盖, 请问这种情况该如何解决? 如何做成像alert()方法一样总是置于最上层 解决方案 不知道你用的是哪个,总之图层的顺序是可以用css的z-index来调整的.

js 弹出框 替代浏览器的弹出框_javascript技巧

复制代码 代码如下: function fromID(id) { return document.getElementById(id); } function show_alert(msg, type, time) { var layer_obj = fromID("alert_layer"); var layer_text= fromID("alert_text"); var line_height = (document.documentElement.scro

Android 多种简单的弹出框样式设置代码_Android

简介 这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明.同时也可自定义弹出框. 项目地址:http://www.github.com/jjdxmashl/jjdxm_dialogui 特性 1.使用链式开发代码简洁明了 2.所有的弹出框样式都在DialogUIUtils这个类中完成,方便查阅方法 3.可以自定义弹出框字体样式 4.简单的类似加载框的样式可以支持两种主题更改默认白色和灰色 截图   demo下载 demo apk下载

Android AndBase框架内部封装实现进度框、Toast框、弹出框、确认框(二)_Android

本文是针对AndBase框架学习整理的第二篇笔记,想要了解AndBase框架的朋友可以阅读本文,大家共同学习. 使用AbActivity内部封装的方法实现进度框,Toast框,弹出框,确认框 AndBase中AbActivity封装好了许多方法提供我们去使用,使得在使用的时候更加的方便,只需要传递相关参数即可..省去了我们自己使用基础的函数进行构造... 就好比进度框,Toast框,弹出框,确认框...这些基本的东西都在AndBase的AbActivity封装好了...我们只需要传递参数调用其中