layui 事件和监听

方法一: data-type

    获取选中行数据
    获取选中数目

 说明:

data-type="getCheckData">获取选中行数据

active = {
    getCheckData: function () {
        //...略...
    }
}

// data-type='getCheckData', 在 active 中,调用 匿名 function()

---

 方法二: lay-filter

男
	女


小学
	初中
	高中

说明: 

form.on('event(lay-filter)',function(){
    //...略...
})

//event 就是表单控件类型type, 类似:radio select CheckBox text table 等等
//lay-filter 就是表单控件的 自定义lay-filter属性值
//举例:     
//type="radio" value="男" lay-filter="sex" />男
//form.on('radio(sex)',function(data){ ... }

---

方法三: lay-event 

    查看所选数据
    查看所选数量

说明:

lay-event="getall">查看所选数据

table.on('toolbar(demo)', function (obj) { //是event事件的入口
switch (obj.event) {//对lay-event的值，进行不同的操作判断
case 'getall'://执行lay-event='getall'的按钮事件
//...略...
break;

---

方法四:jQuery

layui.use('table', function () {
        var $ = layui.$;//在layui里引用jQuery

        $("#btn").click(function(){ ... });  //之类的js事件...其他略....

}

---

方法五: lay-on  

点击并选择:

属性: lay-on="test-iframe-table"

调用: var util = layui.util;// 事件
            util.on('lay-on', {
                'test-iframe-table': function () {
                    //...略...
                }
            })