layui中tablle 渲染数据后使用单元格编辑功能

详解 ：
 layui.table.on('edit(details)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
  
  
});

示例代码：
<table id="details"  class="layui-table"  lay-filter="details" ></table>
<input type="hidden" id="product_id" value="<?=  Yii::$app->request->get('product_id')?>">

<script>

    var form;

    layui.use(['layer','table','form'],function(){
    var layer = parent.layer === undefined ? layui.layer : top.layer,
    $ = layui.jquery,
    form = layui.form;
    var table = layui.table;
    var product_id=$("#product_id").val()

    //设备配置全部信息
    var ruleTable=  table.render({
    elem: '#details',
    url :'----',
    cellMinWidth : 95,
    limit : 20,
    height : "auto",
    cols : [[
            {field: 'id', title: '配置项id', align:'left',minWidth:50},
    {field: 'Detectionname', title: '设备名称', align:'left',minWidth:50,edit: 'text'},
    {field: 'currentvalue', title: '当前值',  align:'left',width:100,edit: 'text'},
    {field: 'alarmblock', title: '告警屏蔽', width:100,edit:'text'},
    {field: 'alarmsttus', title: '告警状态', width:100,edit:'text'},
     {field: 'currentup', title: '报警上限', width:100,edit:'text'},
     {field: 'currentbelow', title: '报警下限', width:100,edit:'text'},
     {field: 'currentstate', title: '状态量当前状态',align:'left',minWidth:50,edit:'text'},
    {field: 'unit', title: '单位',  align:'left',minWidth:20, edit:'text'}
    // {title: '操作', minWidth:175, templet:'#adminUserListBar',fixed:"right",align:"center"}
    ]
    ],
    done: function (res, curr, count) {
        // console.log(res);
        //如果是异步请求数据方式，res即为你接口返回的信息。
        //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
        $("[data-field='alarmblock']").children().each(function () {
            if ($(this).text() == '1') {
                $(this).text('否 ');
            } else if ($(this).text() == '2') {
                $(this).text('屏蔽');
            }
            $("[data-field='alarmsttus']").children().each(function () {
                if ($(this).text() == '1') {
                    $(this).text('正常 ');
                } else if ($(this).text() == '2') {
                    $(this).text('告警');
                }
            });
        });
    }


    });

        //监听单元格编辑
        layui.table.on('edit(details)', function(obj){

            var value = obj.value //得到修改后的值
                ,data = obj.data //得到所在行所有键值
                ,field = obj.field; //得到字段


            console.log(id);
            $.ajax({
                url:"传",
                data:{'id':id},
                type:"Post",
                dataType:"json",
                success:function(data){
                    console.log(data);
                    layer.msg(data.msg);
                    location.reload(); //删除成功后再刷新
                },
                error:function(data){
                    $.messager.alert('错误',data.msg);
                }
            });
            layer.close(index);

            layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);
        })


    });

</script>