layui行监听事件

layui行监听事件

给大家分享的功能是layui行监听事件
功能效果：点击数据表格的行时给选中改变样式

效果图：

如图所示：第二行的背景颜色与其他行的颜色不同

调用方法：
首先要引用jquery和layui的css样式、js样式

因为这个功能是基于layui和jquery做出来的，我们要引用css和js样式

我们先要绑定数据表格

layui.use('table', function () {
	var table = layui.table;
	table.render({
		elem: '#table',
		url: 'SelectDepartment', //数据接口
		page: true, //开启分页
		cols: [[ //表头
			{ type: 'numbers', title: '序号', align: 'center', width: 100 },
			{ field: 'DepartmentNumber', title: '部门编号', align: 'center' },
			{ field: 'Department', title: '部门名称', align: 'center' }
		]],
		id: 'table',
		toolbar: '#toolbarDemo',//开启自定义工具行，指向自定义工具栏模板选择器
		defaultToolbar: ['filter', 'print', 'exports']
	});

//行监听事件
	table.on('row(test)', function (obj) {
		obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
	});
});

我这个行监听事件主要是点击选中行改变背景颜色，让使用人知道该行是否选中