php 打开模态框,模态框打开页面-程序员宅基地

技术标签: php 打开模态框  

## iframe打开页面

1、为list表格增加链接按钮,将popup属性设置为true。属性modal-type用于调节模态框大小,有fs,lg,md(默认),sm,xs四种类型。

~~~

->addListButton([

'type'=> 'edit',

'href_base'=> 'editQuestionBank',

'icon_class'=> 'fa fa-pencil',

'popup'=> true,

'attr'=> ['modal-wh'=>'550|230'],

])

~~~

![](https://box.kancloud.cn/f45f3a7729df529ea15d6e16514494ef_957x283.png)

2、亦可手动添加,为a标签增加popup类即可

## 模态框配置

通过attr指定模态框相关属性值配置模态框相关展现形式。

1. modal-type:指定模态框大小类型

2. modal-btn:指定模态框按钮

* 为空(或不指定):显示确定和取消按钮

* hide:隐藏按钮区域

3. modal-width:指定模态框的宽度

4. modal-height:指定模态框的高度

5. modal-okTitle:确定按钮名称

6. modal-cancelTitle:取消按钮名称

7. modal-wh:指定模态框的宽高(例:“480|300”即是宽480px,高300px)

8. modal-jumpType:子页面数据提交后页面跳转类型:

* 0:父级页面刷新(默认)

* 1:父页面跳转

9. modal-closed:模态框关闭后调用的函数名

10. modal-okFn:点击模态框确认按钮后调用的函数名

11. modal-subchecked:值为1时,提交选中的checkbox的值到当前页面(list页面有效)

生成的标签案例:

~~~

新建项目

~~~

![](https://box.kancloud.cn/6ba31647e020b0c89d229a6b8fb2d53c_1174x33.png)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_39796140/article/details/115746665

智能推荐

如何通过C#来操作文件句柄_c# file句柄-程序员宅基地

文章浏览阅读4.5k次,点赞2次,收藏12次。首先,来说一下什么是文件句柄。百度百科的解释是:在文件I/O中,要从一个文件读取数据,应用程序首先要调用操作系统函数并传送文件名,并选一个到该文件的路径来打开文件。该函数取回一个顺序号,即文件句柄(file handle),该文件句柄对于打开的文件是唯一的识别依据。要从文件中读取一块数据,应用程序需要调用函数ReadFile,并将文件句柄在内存中的地址和要拷贝的字节数传送给操作系统。当完成任务后,..._c# file句柄

vue 点击一个按钮触发两个事件_vue事件点击穿透解决大法-程序员宅基地

文章浏览阅读3.4k次。最近在做项目的过程中遇到一个非常奇葩的bug,在h5页面点击一个按钮弹出弹窗,但是这个弹窗刚出现就会自动消失,导致屏幕出现闪动现象,关键这个bug还是偶现的。经过一番研究才发现是vue事件点击穿透引起的,而且弹窗一定要在300ms内出现才会引发这个bug,接下来分析具体原因:一,click与300ms延迟vue框架内置指令v-on:click有300ms的延迟响应,这是为了判断区分单击和双击。vu..._vue双事件

dp优化入门学习_dp优化的学习路径-程序员宅基地

文章浏览阅读132次。dp优化_dp优化的学习路径

【学习笔记】杜教筛_杜教筛 csdn-程序员宅基地

文章浏览阅读629次。φ∗1idφ∗idn。_杜教筛 csdn

autojs模仿抖音logo效果_牙叔autojs源码-程序员宅基地

文章浏览阅读1.3k次。牙叔教程 简单易懂效果展示为什么做看到别人的头像是这种风格, 虽然我不会去修改自己的头像,但是我想知道如何实现这样的效果,虽然写出来了, 不过我感觉还是不完全像抖音的效果, 可能还缺点啥环境手机: Mi 11 ProAndroid版本: 11Autojs版本: 9.0.10思路抖音的logo看起来像两张图片重叠的效果两张图片是透明的还加了偏移从原图搞两张透明图片, 再叠加你将学到以下知识点设置seekbar监听事件在seekbar监听事件中, img设置图片, 然后_牙叔autojs源码

计算机基础知识_1 gb=1024 mb,fsg≤1gb.64~256m 15个节点。10gb大的txt文件存储需要-程序员宅基地

文章浏览阅读924次。1、 第一台计算机ENIAC淡生于1946年,是电子管计算机;第二代是晶体管计算机;第三代是中小规模集成电路;第四代是大规模集成电路; 3、 计算机的信息表示形式为二进制,它采用了冯。诺依曼的思想原理,即以0 和1两个数字形式用于展现,“逢二进一”;它的基本信息单位为位,即一个_1 gb=1024 mb,fsg≤1gb.64~256m 15个节点。10gb大的txt文件存储需要存多少个g

随便推点

2021 不会还有人不会uniapp吧[狗头]_uniapp多少开发者-程序员宅基地

文章浏览阅读1.5k次,点赞4次,收藏22次。UniAPP 快速入门学习一、UniAPP 介绍(1)什么是 UniAPP ?uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到 iOS、Android、H5,以及各种小程序(微信/支付宝/百度/头条/ QQ /钉钉)等多个平台,方便开发者快速交付,不需要转换开发思维,不需要更改开发习惯。(2)为什么要选择 UniAPP ?开发者/案例数量更多几十万应用、uni 统计月活12亿、70+ 微信 / QQ群平台能力不受限在跨端的同时,_uniapp多少开发者

SQL语句多表查询-程序员宅基地

文章浏览阅读1.7w次,点赞6次,收藏43次。SQL语句多表查询_多表查询

使用Gitee多人项目协作开发的流程实例_gitee可以只开放部分目录给协作者吗-程序员宅基地

文章浏览阅读7.3k次,点赞8次,收藏60次。上一篇文章主要是初学Gitee,实现代码托管的功能,这一篇文章主要是学习Gitee协作开发的使用。这里我们用了一个企业账号来和两个社区账号进行演示。1.首先,企业账号下新建一个名称为协作开发测试仓库的公司主仓库,同时在仓库下新建两个分支lhy和lxw,同时仓库成员添加小组成员A和B。lhy用来存放组员A开发的代码部分,lxw用来存放组员B开发的代码部分。组员A、B此时在各自的账户下可以看到..._gitee可以只开放部分目录给协作者吗

idea上的maven形式的java web项目打包部署到linux的tomcat上_idea 接口发到linux 的tomcat中-程序员宅基地

文章浏览阅读378次。项目写好后,按照上述打成war包,丢到tomcat 的webapp目录里面,重启tomcat,访问链接是ip:8080/项目名/index.jsp_idea 接口发到linux 的tomcat中

详解离线安装Python库_python离线安装库-程序员宅基地

文章浏览阅读4.6w次,点赞12次,收藏22次。前段时间在项目上用到了离线部署Python环境及其依赖库,所以正好将离线安装Python库的解决方案分享给大家,希望能对新手有所帮助。文章目录1. 寻找库之间的依赖关系2. 使用requirements.txt进行批量安装_python离线安装库

python面向对象程序设计的三要素_第八章 Python——面向对象编程-程序员宅基地

文章浏览阅读561次。目录一、面向对象编程二、类class与对象object三、继承与派生四、多态与多态性(抽象类)五、封装六、绑定方法七、反射八、与面向对象有关的内置函数九、自定义内置方法十、元类十一、单例模式一、面向对象编程【面向过程编程】核心是过程二字,过程指的是解决问题的步骤,即先干什么再干什么然后干什么。。。基于该思想编写程序好比在设计一条流水线,是一种机械式的思维方式优点:复杂的问题流程化、进而简单化缺点:..._python面向对象的三要素实例

推荐文章

热门文章

相关标签