layui数据表开启radio,并且点击radio行触发事件

  layui.use(['index', 'admin', 'table', 'laydate'], function(){
        var $ = layui.$,form = layui.form,admin = layui.admin,table = layui.table,laydate = layui.laydate;
        laydate.render({
            elem: '#laydate-format'
            ,range: '~'
        });
        
			  //监听行单击事件(单击事件为:rowDouble)
        table.on('row(data_list)', function(obj){
            var data = obj.data;
            obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click'); //选中行样式
            obj.tr.find('input[lay-type="layTableRadio"]').prop("checked", true);
            $('#address').val(data.address);
            $('#address_id').val(data.id);
            if(data.order_id)
            {
                $('#terrace_order_id').val(data.order_id);
            }
            form.render('radio');
        });

        //数据列表管理
        table.render({
            elem: '#data_list'
            ,url: '{:url(request()->action())}' //模拟接口
            ,where: {"get":'list',"type":"{$type}"}
            ,cols: [[
                {type: 'radio', fixed: 'left'}
                ,{field: 'order_number', width: 220, title: '订单编号', align: 'center'}
                ,{field: 'order_amount', width: 90, title: '订单金额', align: 'center'}
                ,{field: 'pay_time', width: 160, title: '支付时间', align: 'center'}
                ,{field: 'id', width: 90, title: 'ID', align: 'center'}
                ,{field: 'contact',width:100,title: '联系人', align: 'center'}
                ,{field: 'mobile', width:120,title: '手机号', align: 'center'}
                ,{field: 'address', width:300,title: '详细地址', align: 'center'}
            ]]
            ,page:{
                layout: ['prev', 'page', 'next', 'skip','count'] //自定义分页布局,'limit'
                ,groups: 9 //只显示 5 个连续页码
                ,limit: 30
                //,limits: [30,100,300,500,1000]
                ,first: false //不显示首页
                ,last: false //不显示尾页
            },done: function(res, curr, count){
                var type='{$type}';
                if(type!=3)
                {
                    // 隐藏列
                    $(".layui-table-box").find("[data-field='order_number']").css("display","none");
                    $(".layui-table-box").find("[data-field='order_amount']").css("display","none");
                    $(".layui-table-box").find("[data-field='pay_time']").css("display","none");
                }
            }
        });
 

})


版权声明:本文为weixin_47164415原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。