1.当在折叠面板上添加了按钮,点击按钮时折叠面板冒泡事件也会触发,随之打开收起。
解决方法:
在按钮的点击事件中添加如下语句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();
})