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=' http : images/add。png ' alt=' '/a/script 2 .定义按钮

layui.use('table '，function(){ var table=layui。桌子；table.render({ elem: '#test '、url:'json/table.json '、height:'877 '、cols: [[ {type:'checkbox '、toolbar:'#toolbtn '、minwidth 3360 10 }、{type:'nn '、toolbar:'#toolbtn '、minwidth 333660 ')订单编号，minwidth : 210 }]]})3).点击跳转

table.on('工具(菜单-过滤器)’，函数(obj){//申报按钮定义变量数据=obj . datavar dataId=data . dataidvar item code=data . codeif(obj。event==' down '){ var name=data。姓名；var URL=' OrderListDetails。html '；layer.open({ type: 2，//title: name ' -状态详情，标题： '订单管理列表详情，shadeClose: true，shade: 0.8，offset:'200px '，move:false，area: ['1300px '，' 570px']，content :[URL]/content : $(' # table 1 ')本页弹出id=table的窗口}) }})4.效果

以上这篇获得自己添加图片按钮并点击跳转页面的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。