layui-table头监听及行监听简析

行监听与头监听分析:
1.行监听使用 tool方法,头监听使用 toolbar 方法
2.id属性:用于页面渲染加载;lay-filter属性:用于js的选择器
3.两者监听的对象都是table而不是各自自己,取决于table的lay-filter属性,自己本身不需要lay-filter属性 
4.两者渲染都使用 toolbar 字段定义,参考第一条,这里容易理解误区

以上可对照下面代码示例理解,主要理解id和lay-filter是怎么用的,lay-event属性是监听之后的判断

layui-table使用简介:

1.引入样式及js文件

    
    
    
    

2.html部分
table表

    
    

表头

    
    

表单-行操作按钮

    
    

3.js部分

列表

    table.render({
        elem: '#list',
        url:'表单数据来源地址',
        toolbar: '#toolbarDemo',
        title:'列表',
        cols: [[
            {type: 'checkbox', fixed: 'left'}
            ,{field:'id', title: 'ID', sort: true}
            ,{field:'name', title: '名称'}
            ,{fixed: 'right', title:'操作', toolbar: '#barDemo' }
        ]],
        page:true
    });

监听头工具栏

table.on('toolbar(demo)', function(obj){
    //头监听使用 toolbar
}

监听行操作栏

table.on('tool(demo)', function(obj){
    //行监听使用 tool
}

你可能感兴趣的:(layui-table头监听及行监听简析)