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();
})