1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| /***********************************************/
| //jquery 常用组件封装
| //CREATE:zh 2018-11-18
| /***********************************************/
|
| (function ($) {
| {
| el: '#test'
| data: []
| }
| $.fn.hhDatagrid = function (options) {
| var $datagrid = $(this);
| var defaults = {
| size: 'sm',
| cellMinWidth: 80,
| page: true
| }
| layui.use('table', function () {
| var table = layui.table;
| table.render({
| elem: options.el
| //, url: '/demo/table/user/'
| , data: options.data
| , page: true, height: 300
| , size: 'sm'
| , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
| , cols: [[
| { field: 'CN_S_OP_NO', width: 150, title: '单号', sort: true }
| , { field: 'CN_S_OWNER', width: 100, title: '货主', edit: 'text' }
| , { field: 'CN_S_OP_TYPE', width: 120, title: '业务类型', sort: true, edit: 'text' }
| , { field: 'CN_S_STATE', width: 80, title: '状态' }
| , { field: 'CN_T_PAYMENT', title: 'PayMent' } //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
| , { field: 'CN_T_OP_DATE', title: '业务日期', sort: true }
| , { field: 'CN_S_CS_REMARK', title: 'CS备注', sort: true }
| , { field: 'CN_S_BUYER_REMARK', title: 'Buyer备注' }
| ]]
| });
| //监听单元格编辑
| table.on('edit(test)', function (obj) {
| var value = obj.value //得到修改后的值
| , data = obj.data //得到所在行所有键值
| , field = obj.field; //得到字段
| layer.msg('[ID: ' + data.id + '] ' + field + ' 字段更改为：' + value);
| });
| });
| };
| });
|
| //lay控件初始化
| layui.use(['form', 'laydate'], function () {
| var layform = layui.form;
| form.render();
|
| var laydate = layui.laydate;
| laydate.render({
| elem: '.hhdate'
| });
| });
|
|
