layui自己添加图片按钮并点击跳转页面的例子
2019-09-14 22:05
1891 查看
1.按钮样式
<table class="layui-hide" id="test" lay-filter="menu-filter" style="margin: 0 10px;"></table> <script type="text/html" id="toolbtn"> <a class="" lay-event="down"><img src="images/add.png" alt=""></a> </script>
2.定义按钮
layui.use('table', function(){ var table = layui.table; table.render({ elem: '#test' ,url:'json/table.json' ,height:'877' ,cols: [[ {type:'checkbox',toolbar:'#toolbtn', minWidth: 10} ,{type:'nn',toolbar:'#toolbtn', minWidth: 10} ,{ field:'id',title: '订单编号' , minWidth: 210} ]] }) })
3.点击跳转
table.on('tool(menu-filter)', function(obj){//申报按钮 var data = obj.data; var dataId = data.dataId; var itemCode = data.code; if(obj.event =="down"){ var name = data.name; var url = "OrderListDetails.html" ; layer.open({ type: 2, // title: name+'--状态详情', title:"订单管理列表详情", shadeClose: true, shade: 0.8, offset:"200px", move:false, area: ['1300px', '570px'], content:4.效果
以上这篇layui自己添加图片按钮并点击跳转页面的例子就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
- 解决layer弹出层的内容页点击按钮跳转到新的页面问题" target=_blank>/content: $("#table1")本页弹出id=table的窗口 }) } })[/code]
4.效果
以上这篇layui自己添加图片按钮并点击跳转页面的例子就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
- [url=https://www.geek-share.com/detail/2779470326.html]解决layer弹出层的内容页点击按钮跳转到新的页面问题
- [url=https://www.geek-share.com/detail/2721716082.html]layui.js实现的表单验证功能示例
相关文章推荐
- 用axure给按钮图片等添加点击事件跳转页面
- dropzone.js点击删除图片按钮后只执行action不跳转到新的jsp页面,也不刷新本页面
- 三张图片滑动,点击立即体验按钮跳转主页面,滑动时播放音乐!
- div中添加多张img图片,点击img跳转页面查看大图
- 利用element的appendChile()方法,点击按钮在页面span域中添加图片 小程序
- IOS-oc中label标签添加点击事件并跳转页面
- (iOS开发)点击tabbar中的按钮显示首页,再如何跳转页面
- 自定义按钮并添加点击事件&自定义图片并添加点击事件
- 点击图片中的某个部分来跳转页面
- 点击iframe 中某页面的一个按钮实现跳转到iframe外面的窗体里面
- Axure实现选择下拉菜单后点击确认按钮,跳转到对应页面
- layUI中点击按钮选择图片(不自动上传),然后点击上传按钮,上传图片(可以上传多个文件)
- velocity页面下,使用jQuery实现点击添加按钮添加一行输入框
- OAF学习笔记-5-点击按钮页面跳转
- vue 点击按钮 路由跳转指定页面
- 点击一个按钮,弹出框出现几秒钟之后,跳转到另一个页面
- 点击按钮后实现页面跳转
- jsp 中实现点击按钮 实现页面跳转到HTML
- ios 点击抽屉页面按钮,触发跳转另一个页面
- js点击button按钮跳转到另一个新页面