layui跳转html如何带参数,Layui跳转页面代码（可携带复杂参数）
今天用了Layui的“数据表格 - 数据操作”示例代码，结果发现点击“编辑”按钮出出来一个弹出消息框，效果如下：
虽然说也可以用“弹出层”做编辑页面，但是，由于我编辑的东西很多，用“弹出层”不太理想。
我就想能不能像URL链接那样，直接点击链接就跳转走了。例如：点击一个”编辑“按钮，就直接跳转到相对应的”编辑页面“。
下面是我给大家的方法，大家可以做一个参考：
注意：Layui跳转页面代码最重要的部份是layer.open那里，请大家不要看错了。
第一种：Layui点击“编辑”按钮后“直接”跳转页面
layui.use('table', function(){
var table = layui.table;
//监听表格复选框选择
table.on('checkbox(demo)', function(obj){
console.log(obj)
});
//监听工具条
table.on('tool(demo)', function(obj){
var data = obj.data;
if(obj.event === 'detail'){
layer.msg('ID：'+ data.id + ' 的查看操作');
} else if(obj.event === 'del'){
layer.confirm('真的删除行么', function(index){
obj.del();
layer.close(index);
});
} else if(obj.event === 'edit'){
//layer.alert('编辑行：
'+ JSON.stringify(data));
layer.open({
content: '开始编辑',
success: function(layero, index){
self.location="<?php echo $HOMEURL.$ADMIN_ADDRESS;?>?type=category&action=edit&id=" + data.id;//跳到指定页面，这里可以自定义修改，携带复杂参数
}
});
}
});
第二种：Layui点击“编辑”按钮后，点击“确定”后才开始跳转页面
layer.open({
content: '确定开始编辑吗？',
btn: ['确定','取消'],
style: 'width:80%',
yes: function(index, layero){
//do something
self.location="<?php echo $HOMEURL.$ADMIN_ADDRESS;?>?type=category&action=edit&id=" + data.id; //跳到指定页面，这里可以自定义修改，携带复杂参数
layer.close(index); //如果设定了yes回调，需进行手工关闭
},
cancel: function(index,layero){ //按右上角“X”按钮
},
});
总结：
以上只是我目前用得比较多的两种方法，其实还有很多种方法，大家具体可以参考layui手册：
https://www.layui.com/doc/modules/layer.html#success
通过这里你可以掌握更多的Layui跳转页面方式，可以实现不同效果的Layui跳转页面代码。我上面两种方法与原理也是参考于layui手册。
例如：
1、success - 层弹出后的成功回调方法
类型：Function，默认：null
当你需要在层创建完毕时即执行一些语句，可以通过该回调。success会携带两个参数，分别是当前层DOM当前层索引。如：
layui.code
layer.open({
content: '测试回调',
success: function(layero, index){
console.log(layero, index);
}
});
2、yes - 确定按钮回调方法
类型：Function，默认：null
该回调携带两个参数，分别为当前层索引、当前层DOM对象。如：
layer.open({
content: '测试回调',
yes: function(index, layero){
//do something
layer.close(index); //如果设定了yes回调，需进行手工关闭
}
});
3、cancel - 右上角关闭按钮触发的回调
类型：Function，默认：null
该回调携带两个参数，分别为：当前层索引参数(index)、当前层的DOM对象(layero)，默认会自动触发关闭。如果不想关闭，return false即可，如；
cancel: function(index, layero){
if(confirm('确定要关闭么')){ //只有当点击confirm框的确定时，该层才会关闭
layer.close(index)
}
return false;
}
4、end - 层销毁后触发的回调
类型：Function，默认：null
无论是确认还是取消，只要层被销毁了，end都会执行，不携带任何参数。
5、full/min/restore -分别代表最大化、最小化、还原 后触发的回调
类型：Function，默认：null
携带一个参数，即当前层DOM
相关文章：
java获取日期
/* * 获取昨天日期 方法一，这个方法好像有点慢 */Date dt new Date(); Calendar cal Calendar.getInstance();cal.add(Calendar.DATE, -1);time new SimpleDateFormat( "yyyy-MM-dd").format(cal.getTime()); /* * 获取昨天日期 方法二 */Date as ne…
DRF (Django REST framework) 中的视图类
视图说明 1. 两个基类 1）APIView rest_framework.views.APIView APIView是REST framework提供的所有视图的基类，继承自Django的View父类。 APIView与View的不同之处在于： 传入到视图方法中的是REST framework的Request对象，而不是…
Go：分布式学习利器（1） -- 开发环境搭建 + 运行第一个go程序
文章目录为什么要学习 go开发环境搭建 -- MAC运行第一个go程序go 函数的返回值设置go 函数的命令行参数为什么要学习 go 在如下几个应用场景的需求下产生了go: 超大规模分布式计算集群多核硬件的架构web模式下的大规模开发和频繁的进度更新 所以go 语言有如下几个特点&#…
html生成的超级链接预览功能,超链接特效
功能说明超链接特效功能是基于报表特殊效果功能的一种扩展实现。报表特殊效果功能的作用是为单元格添加一些特殊的显示效果。超链接特效可以给超链接添加特殊显示效果，实现超链接功能的扩展增强。当产品默认生成的超链接显示效果不能满足用户的个性化需求时…
ROOT android 原理。 基于（zergRush）
出自： http://bbs.gfan.com/android-2996211-1-1.html 须要ROOT的同学请去上面的地址下载。 a.控制手机创建个暂时目录,然后把zergRush脚本写入此目录,并改动此文件权限使之能够运行(这一步无需ROOT权限); adb shell rm -r /data/local/tmpadb shell mkdir /data/lo…
Oracle数据库日常维护知识总结
DBA要定时对数据库的连接情况进行检查，看与数据库建立的会话数目是不是正常，如果建立了过多的连接，会消耗数据库的资源。同时，对一些“挂死”的连接，可能会需要DBA手工进行清理。首先要说的是，不同版本数据…
JAVA 第五周学习总结
20175304 2018-2019-2 《Java程序设计》第五周学习总结 教材学习内容总结 Java为什么要定义接口：接口的作用是实现多重继承，因为一个子类只能继承一个父类，但是可以实现一个或多个接口。使用关键字interface来定义一个接口，定义方…
Go: 分布式学习利器（2）-- Go中的变量，常量 以及与其他语言变量之间的差异
文章目录1. Go 语言编写测试代码2. Go 的变量3. Go 常量定义1. Go 语言编写测试代码 源码文件以 _test结尾： xxx_test.go测试方法名需以Test开头： func TESTXXX(t *testing.T) {..} ，且参数列表直接用go 默认的test参数即可 如下first_test…
Scala：Functions and Closures
1 object Functions {2 def main(args: Array[String]) {3 // 本地函数4 def localFun(msg: String) println(msg)5 localFun("Hi")6 7 // 函数对象8 var list List(1, 2, 3)9 list.foreach((x: Int) > println(x)) 10 list.fore…
云计算机机房怎么样,如何知道云电脑配置多少？怎么选择云电脑机房？
一般在玩一款游戏时，需要考虑玩游戏的配置，云电脑帮助我们实现配置的需求，那如何才能知道云电脑配置是多少，该怎么选择云电脑机房。在使用云电脑时，我们不用考虑自己的手机、平板和电脑的硬件，只要设备能正…
eclipse中新建android项目，不自动生成R.java
http://huyuantai000.iteye.com/blog/1681582转载于:https://www.cnblogs.com/wmm3416/p/3386698.html
获取子iframe的属性
第一种方法： <iframe name"iframeName" src"http://www.test.com"></iframe> // name"iframeName" 取值 window.frames[iframeName] 第二种方法： <iframe id"iframeId" src"http://www.t…
Go: 分布式学习利器（3） -- Go的数据类型和运算符
文章目录1. Go的数据类型1.1 类型转化1.2 类型的预定义1.3 指针类型2. Go 的运算符1. Go的数据类型 GO的基本数据类型如下： bool string int int8 int16 int32 int64 uint uint8 uint16 uint32 uint64 uintptr byte // 基本和uint8 类型一样 rune // 代表unicode …
云职教课堂计算机文化基础,2020智慧职教云课堂计算机文化基础答案最新最全单元测试答案...
参考答案如下智慧职教最新最全【判断题】两种气体在相同温度下放入同一个容器中,测得的压强分别为 和 ,则把它们同时放入容器中后的总压强为 .云课【单选题】根据物质的导电能力,将物质分为哪些类别?A. 导体 B. 半导体 C. 绝缘体 D. 以上都对堂计【单选题】按照数的进位制概念…
测试用例挑选策略
在软件开发过程中，无论是在feature testing还是在final regression testing中，测试策略的好坏在整个质量保证过程中起着至关重要的作用，尤其是在测试资源有限的情况下，影响更为突出。好的测试策略能够更快速的发现软件最有value的…
php json josn_decode()返回的是对像，如何把对像转成数组
php json josn_decode()返回的是对像，如何把对像转成数组 a.php传值页面，使用 json_encode($array)对数组进行加密码. b.php页面在接收a.php传过来的页面的值使用的是 json_decode($array),发现解密出来的数据是对象形式的： array(2) {[0]>…
【题解】黑格覆盖
题目描述 在一张由MN个小正方形格子组成的矩形纸张上，有k个格子被涂成了黑色。给你一张由mn个同样小正方形组成的矩形卡片，请问该卡片最多能一次性覆盖多少个黑格子？ 输入输出格式 输入格式 输入共k1行： 第1行为5个整数M、N、m、n…
Go 分布式学习利器（4）-- 条件和循环
文章目录1. 循环语句2. 条件语句2.1 if...else 条件2.2 switch 条件1. 循环语句 Go语言和其他语言在循环语句上的主要差异是 Go语言仅支持for关键字。 语法形式：for i : 5; i > 0; i--,不像其他语言有两个小括号左右围着。 两种不同的循环体语法如下࿱…
php 对象的执行
1.BNF范式 %token T_OBJECT_OPERATOR "-> (T_OBJECT_OPERATOR)"unticked_statement: | expr ; { zend_do_free(&$1 TSRMLS_CC); }expr:r_variable { $$ $1; }| expr_without_variable { $$ $1; } ;r_variab…
golang不编译.html,golang之条件编译
Go语言能够经过go/build包里定义的tags和命名约定来让Go的包能够运行不一样的代码。html标签编译在源代码里添加标注，一般称之为编译标签(build tag)。编译标签采用靠近源代码文件顶部用注释的方式添加。go build在构建一个包的时候会读取这个包里的每一个源文件而且…
深入理解Struts2中的OGNL表达式
Struts 2中的表达式语言Struts 2支持以下几种表达式语言： OGNL（Object-Graph Navigation Language），可以方便地操作对象属性的开源表达式语言； JSTL（JSP Standard Tag Library），JSP …
[ZJOI2010]网络扩容
Description 给定一张有向图，每条边都有一个容量C和一个扩容费用W。这里扩容费用是指将容量扩大1所需的费用。 求： 1、在不扩容的情况下，1到N的最大流； 2、将1到N的最大流增加K所需的最小扩容费用。 Input 第一行包含三个整数N,M,…
zookeeper -- Mac 上 Intellij IDEA 配置 zookeeper(3.5.8) 源码阅读、运行、调试环境
近期需要整理MIT6.824 中 分布式系统协调服务 zookeeper 的一些知识，想要在Mac 本地搭建一个可以方便运行调试的zookeeper环境，这玩意竟然耗费了一上午的时间，实在是不可忍；当然，主要还是因为对Java的编译运行环境 以及…
南昌大学计算机专业高数课本,南昌大学高等数学期末考试.pdf
南昌大学2008学年第二学期高等数学期末考试试卷( 3 15 )一、 填空题 每空 分，共 分 a 3i j 2k, b i 2j k, (2a)(3b)1.设 则 _____.2 2 2 22. 函数 z ln[(25 x y )(x y 4)]的定义域是_______________________…
金智教育CTO：大数据人才培养要先行一步
金智教育CTO、北航云计算硕士项目主任陈滢博士认为，虽然在中国，互联网行业已经有了比较多的大数据实践，而且像金融、电信等行业也确实感受到了大数据给业务带来的压力，但是从整个大数据市场来看，还是“雷声大、雨点小”…
[NOIP2015]子串
Luogu2679 /* 思路清晰： 1.状态 2.转移方程：哪些状态相互影响/记忆化搜索思想 3.循环顺序 4.优化*/ #include<bits/stdc.h>using namespace std;typedef long long LL;const int mod1e97; const int MAXN1005; const int MAXM205;char a[MAXN],b[M…
Go 分布式学习利器（5）-- 数组和切片
文章目录1. 数组的声明2. 数组元素的遍历3. 数组的截取4. Go 语言的切片5. 数组 和 切片的共同点1. 数组的声明 声明并初始化为默认的零值 var a [3]int声明同时初始化为指定的值 b : [3]int{1,2,3}多维数组初始化 c : [2][2]int{{1,2},{3,4}} 测试函数： func Te…
如何用计算机求锐角三角比,9.3用计算器求锐角三角比教学案
侨润中学教学案八年级数学学科第 6 周第 4 节总29 课时主备人唐云玲授课人上课时间2012年3月22 日课题9.3用计算器求锐角三角比(1)课型教学目标1、学会用计算器求任意角的三角函数值。2、培养学生熟练地使用现代化辅助计算手段的能力3、培养学生运用现代化仪器的思想࿰…
详解设计模式在Spring中的应用
设计模式作为工作学习中的枕边书，却时常处于勤说不用的尴尬境地，也不是我们时常忘记，只是一直没有记忆。今天，螃蟹在IT学习者网站就设计模式的内在价值做一番探讨，并以spring为例进行讲解，只有领略了其设计…
二级域名session 共享方案
1.利用COOKIE存放session_id(); 实例：域名一文件php代码：<?php session_start(); setcookie("session_id",session_id(),time()3600*24*365*10,"/",".session.com");$_SESSION[user_name] 梁山良民; echo $_SESSION[…