edit类型 layui_LayUI使用技巧

1.当在折叠面板上添加了按钮，点击按钮时折叠面板冒泡事件也会触发，随之打开收起。

TIM图片20181205104706.png

解决方法：

在按钮的点击事件中添加如下语句a/b，即可阻止冒泡事件。

//a:谷歌浏览器有效(火狐无效：因为无法识别window.event)

layui.stope(window.event);

//b:都有效

var evt = window.event || arguments.callee.caller.arguments[0]; // 获取event对象

layui.stope(evt);

···

2.弹出层get方式传递参数：

table.on('tool(role_table)', function(obj){

var data = obj.data;//选中行数据

if(obj.event === 'limitRole'){

layer.open({

type: 2,

title:'修改角色信息',

area: ['1200px', '800px'],

fixed: false, //不固定

maxmin: true,

content: "staff_jsqxsz_edit.html?'roleId'="+data.roleId

});

}

}

var searchURL = window.location.search;

searchURL = searchURL.substring(1,searchURL.length);

var roleId=searchURL.substring(searchURL.indexOf("=")+1);

//console.log(roleId);

3.layUI table隐藏某列：

1.隐藏ID列的值

...

, cols: [[ //标题栏

{field: 'data_id', title: 'ID', width: 50,style:'display:none;'}

2.隐藏ID列的表头

$('table.layui-table thead tr th:eq(0)').addClass('layui-hide');

3.js转换数组类型：

staffRoleIds.map(Number)//转换为Int

4.阻止冒泡事件:

event.stopPropagation();

//======================

$('.imgHover').click(function (event) {

event.stopPropagation();

})