单击数据回填

 

作者：      周乐献       

撰写时间：   2019      年        6月   27 日

用layuiTable.on('row') 单击数据通过obj来获取layui表格数据。

var Supplier_one;

        var layerIndex = 0;//加s载层

        var layer, layuiTable;//保存layui模块以便全局使用

        layui.use(['layer', 'table'], function () {

            //赋值

            layer = layui.layer, layuiTable = layui.table;

            //执行渲染

            Supplier_one = layuiTable.render({

                elem: "#Supplier_one",//html table id

                url: '/AccessoriesPurchase/PartsStock/SupplierAll_one/',

                cols: [[ //表头

                    { type: 'numbers', title: '序号' },//序号列，title设定标题名称

                    { field: 'SupplierID', title: 'SupplierID', hide: true },

                    { field: 'SupplierOdd', title: '供货商编码' },

                    { field: 'SupplierName', title: '供货商名称' },

                ]],

                page: {

                    limit: 10,//指定每页显示的条数

                    limits: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50],//每页条数的选择项

                },

                data: [],//加载本地数据

            })

            layuiTable.on('row(Supplier_one)', function (obj) {

                var data = obj.data;//获取点击行数据

                console.log(data);

                loadDatatoForm("GYSfrom", data);

            });

GYSfrom：整个右边的表单id

点击左边数据对右边input进行数据回填