From 802cd36da826a53416b89d40b494165242b28c87 Mon Sep 17 00:00:00 2001 From: sight <1453017105@qq.com> Date: Thu, 27 Apr 2023 19:35:07 +0800 Subject: [PATCH] =?UTF-8?q?=E9=83=A8=E5=88=86=E6=96=87=E6=A1=A3=E4=BB=A3?= =?UTF-8?q?=E7=A0=81=E9=A3=8E=E6=A0=BC=E7=BB=9F=E4=B8=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/form/examples/form.val.md | 14 +-- docs/laydate/examples/mark.md | 12 +-- docs/table/examples/css.md | 24 ++--- docs/table/examples/data.md | 130 +++++++++++++------------- docs/table/examples/demo.md | 140 ++++++++++++++-------------- docs/table/examples/editModes.md | 52 +++++------ docs/table/examples/editable.md | 30 +++--- docs/table/examples/filter.md | 26 +++--- docs/table/examples/page.md | 34 +++---- docs/table/examples/parse.md | 34 +++---- docs/table/examples/search.md | 30 +++--- docs/table/examples/templet.md | 26 +++--- docs/transfer/detail/options.md | 6 +- docs/tree/detail/demo.md | 20 ++-- docs/upload/examples/files.table.md | 2 +- 15 files changed, 290 insertions(+), 290 deletions(-) diff --git a/docs/form/examples/form.val.md b/docs/form/examples/form.val.md index 41ba84f5..f22da291 100644 --- a/docs/form/examples/form.val.md +++ b/docs/form/examples/form.val.md @@ -79,13 +79,13 @@ layui.use(function(){ // 表单赋值 $('#LAY-component-form-setval').on('click', function(){ form.val('demo-val-filter', { - "username": "贤心" // "name": "value" - ,"password": "AAAAAA" - ,"interest": 1 - ,"like[write]": true // 复选框选中状态 - ,"close": true // 开关状态 - ,"sex": "女" - ,"desc": "Layui 用于更简单快速地构建网页界面" + "username": "贤心", // "name": "value" + "password": "AAAAAA", + "interest": 1, + "like[write]": true, // 复选框选中状态 + "close": true, // 开关状态 + "sex": "女", + "desc": "Layui 用于更简单快速地构建网页界面" }); }); // 表单取值 diff --git a/docs/laydate/examples/mark.md b/docs/laydate/examples/mark.md index 1a97c9f5..0292026b 100644 --- a/docs/laydate/examples/mark.md +++ b/docs/laydate/examples/mark.md @@ -36,12 +36,12 @@ layui.use(function(){ laydate.render({ elem: '#ID-laydate-mark', mark: { - '0-10-14': '生日' - ,'0-12-31': '跨年' //每年的日期 - ,'0-0-10': '工资' //每月某天 - ,'0-0-15': '月中' - ,'2017-8-15': '' //如果为空字符，则默认显示数字+徽章 - ,'2099-10-14': '呵呵' + '0-10-14': '生日', + '0-12-31': '跨年', //每年的日期 + '0-0-10': '工资', //每月某天 + '0-0-15': '月中', + '2017-8-15': '', //如果为空字符，则默认显示数字+徽章 + '2099-10-14': '呵呵' }, done: function(value, date){ // 点击每年的 10月14日，弹出提示语 diff --git a/docs/table/examples/css.md b/docs/table/examples/css.md index b45eb097..fded01ec 100644 --- a/docs/table/examples/css.md +++ b/docs/table/examples/css.md @@ -48,20 +48,20 @@ // 创建渲染实例 table.render({ - elem: '#ID-table-demo-css' - ,url:'{{d.root}}/static/json/table/demo1.json' // 此处为静态模拟数据，实际使用时需换成真实接口 - ,page: true - ,height: 'full-35' - ,lineStyle: 'height: 151px;' // 定义表格的多行样式 - ,css: [ // 直接给当前表格主容器重置 css 样式 + elem: '#ID-table-demo-css', + url:'{{d.root}}/static/json/table/demo1.json', // 此处为静态模拟数据，实际使用时需换成真实接口 + page: true, + height: 'full-35', + lineStyle: 'height: 151px;', // 定义表格的多行样式 + css: [ // 直接给当前表格主容器重置 css 样式 '.layui-table-page{text-align: center;}' // 让分页栏居中 - ].join('') - ,className: 'layui-table-testcss' // 用于给表格主容器追加 css 类名 - ,cols: [[ - {field:'username', width:160, title: '用户', templet: '#ID-table-demo-css-user'} + ].join(''), + className: 'layui-table-testcss', // 用于给表格主容器追加 css 类名 + cols: [[ + {field:'username', width:160, title: '用户', templet: '#ID-table-demo-css-user'}, // 设置单元格样式 - ,{field:'sign', minWidth:100, title: '签名', style:'color: #000;'} - ,{width:160, title: '操作', templet: '#ID-table-demo-css-tool'} + {field:'sign', minWidth:100, title: '签名', style:'color: #000;'}, + {width:160, title: '操作', templet: '#ID-table-demo-css-tool'} ]] }); diff --git a/docs/table/examples/data.md b/docs/table/examples/data.md index eec563b5..c61f9bea 100644 --- a/docs/table/examples/data.md +++ b/docs/table/examples/data.md @@ -6,78 +6,78 @@ layui.use('table', function(){ // 已知数据渲染 var inst = table.render({ - elem: '#ID-table-demo-data' - ,cols: [[ //标题栏 - {field: 'id', title: 'ID', width: 80, sort: true} - ,{field: 'username', title: '用户', width: 120} - ,{field: 'sign', title: '签名', minWidth: 160} - ,{field: 'sex', title: '性别', width: 80} - ,{field: 'city', title: '城市', width: 100} - ,{field: 'experience', title: '积分', width: 80, sort: true} - ]] - ,data: [{ // 赋值已知数据 - "id": "10001" - ,"username": "张三1" - ,"sex": "男" - ,"city": "浙江杭州" - ,"sign": "人生恰似一场修行" - ,"experience": "116" + elem: '#ID-table-demo-data', + cols: [[ //标题栏 + {field: 'id', title: 'ID', width: 80, sort: true}, + {field: 'username', title: '用户', width: 120}, + {field: 'sign', title: '签名', minWidth: 160}, + {field: 'sex', title: '性别', width: 80}, + {field: 'city', title: '城市', width: 100}, + {field: 'experience', title: '积分', width: 80, sort: true} + ]], + data: [{ // 赋值已知数据 + "id": "10001", + "username": "张三1", + "sex": "男", + "city": "浙江杭州", + "sign": "人生恰似一场修行", + "experience": "116" }, { - "id": "10002" - ,"username": "张三2" - ,"sex": "男" - ,"city": "浙江杭州" - ,"sign": "人生恰似一场修行" - ,"experience": "12" - ,"LAY_CHECKED": true + "id": "10002", + "username": "张三2", + "sex": "男", + "city": "浙江杭州", + "sign": "人生恰似一场修行", + "experience": "12", + "LAY_CHECKED": true }, { - "id": "10003" - ,"username": "张三3" - ,"sex": "男" - ,"city": "浙江杭州" - ,"sign": "人生恰似一场修行" - ,"experience": "65" + "id": "10003", + "username": "张三3", + "sex": "男", + "city": "浙江杭州", + "sign": "人生恰似一场修行", + "experience": "65" }, { - "id": "10004" - ,"username": "张三4" - ,"sex": "男" - ,"city": "浙江杭州" - ,"sign": "人生恰似一场修行" - ,"experience": "777" + "id": "10004", + "username": "张三4", + "sex": "男", + "city": "浙江杭州", + "sign": "人生恰似一场修行", + "experience": "777" }, { - "id": "10005" - ,"username": "张三5" - ,"sex": "男" - ,"city": "浙江杭州" - ,"sign": "人生恰似一场修行" - ,"experience": "86" + "id": "10005", + "username": "张三5", + "sex": "男", + "city": "浙江杭州", + "sign": "人生恰似一场修行", + "experience": "86" }, { - "id": "10006" - ,"username": "张三6" - ,"sex": "男" - ,"city": "浙江杭州" - ,"sign": "人生恰似一场修行" - ,"experience": "12" + "id": "10006", + "username": "张三6", + "sex": "男", + "city": "浙江杭州", + "sign": "人生恰似一场修行", + "experience": "12" }, { - "id": "10007" - ,"username": "张三7" - ,"sex": "男" - ,"city": "浙江杭州" - ,"sign": "人生恰似一场修行" - ,"experience": "16" + "id": "10007", + "username": "张三7", + "sex": "男", + "city": "浙江杭州", + "sign": "人生恰似一场修行", + "experience": "16" }, { - "id": "10008" - ,"username": "张三8" - ,"sex": "男" - ,"city": "浙江杭州" - ,"sign": "人生恰似一场修行" - ,"experience": "106" - }] - //,skin: 'line' // 表格风格 - //,even: true - ,page: true // 是否显示分页 - ,limits: [5, 10, 15] - ,limit: 5 // 每页默认显示的数量 + "id": "10008", + "username": "张三8", + "sex": "男", + "city": "浙江杭州", + "sign": "人生恰似一场修行", + "experience": "106" + }], + //skin: 'line', // 表格风格 + //even: true, + page: true, // 是否显示分页 + limits: [5, 10, 15], + limit: 5 // 每页默认显示的数量 }); }); diff --git a/docs/table/examples/demo.md b/docs/table/examples/demo.md index 6b8c9b8f..92976408 100644 --- a/docs/table/examples/demo.md +++ b/docs/table/examples/demo.md @@ -63,47 +63,47 @@ layui.use(['table', 'dropdown'], function(){ // 创建渲染实例 table.render({ - elem: '#test' - ,url:'{{d.root}}/static/json/table/demo1.json' // 此处为静态模拟数据，实际使用时需换成真实接口 - ,toolbar: '#toolbarDemo' - ,defaultToolbar: ['filter', 'exports', 'print', { - title: '提示' - ,layEvent: 'LAYTABLE_TIPS' - ,icon: 'layui-icon-tips' - }] - ,height: 'full-35' // 最大高度减去其他容器已占有的高度差 - ,css: [ // 重设当前表格样式 + elem: '#test', + url:'{{d.root}}/static/json/table/demo1.json', // 此处为静态模拟数据，实际使用时需换成真实接口 + toolbar: '#toolbarDemo', + defaultToolbar: ['filter', 'exports', 'print', { + title: '提示', + layEvent: 'LAYTABLE_TIPS', + icon: 'layui-icon-tips' + }], + height: 'full-35', // 最大高度减去其他容器已占有的高度差 + css: [ // 重设当前表格样式 '.layui-table-tool-temp{padding-right: 145px;}' - ].join('') - ,cellMinWidth: 80 - ,totalRow: true // 开启合计行 - ,page: true - ,cols: [[ - {type: 'checkbox', fixed: 'left'} - ,{field:'id', fixed: 'left', width:80, title: 'ID', sort: true, totalRowText: '合计：'} - ,{field:'username', width:80, title: '用户'} - ,{field:'email', title:'邮箱 ', fieldTitle: '邮箱', hide: 0, width:150, edit: 'text'} - ,{field:'sex', width:80, title: '性别', sort: true} - ,{field:'city', width:115, title: '城市', minWidth:115, templet: '#cityTpl', exportTemplet: function(d, obj){ + ].join(''), + cellMinWidth: 80, + totalRow: true, // 开启合计行 + page: true, + cols: [[ + {type: 'checkbox', fixed: 'left'}, + {field:'id', fixed: 'left', width:80, title: 'ID', sort: true, totalRowText: '合计：'}, + {field:'username', width:80, title: '用户'}, + {field:'email', title:'邮箱 ', fieldTitle: '邮箱', hide: 0, width:150, edit: 'text'}, + {field:'sex', width:80, title: '性别', sort: true}, + {field:'city', width:115, title: '城市', minWidth:115, templet: '#cityTpl', exportTemplet: function(d, obj){ // console.log(obj) // 处理该字段的导出数据 var td = obj.td(this.field); // 获取当前 td return td.find('select').val(); - }} - ,{field:'sign', title: '签名', edit: 'textarea', minWidth: 260, style: '-moz-box-align: start;', totalRow: '{{!人物：唐代：{{= d.TOTAL_ROW.era.tang }} 宋代：{{= d.TOTAL_ROW.era.song }} 现代：{{= d.TOTAL_ROW.era.xian }}!}}'} - ,{field:'experience', width: 100, title: '积分', sort: true, totalRow: '{{!{{= d.TOTAL_NUMS }} 😊!}}'} - ,{field:'checkin', title:'打卡', width: 100, sort: true, totalRow: '{{!{{= parseInt(d.TOTAL_NUMS) }} 次!}}'} - ,{field:'ip', title:'IP', width: 120} - ,{field:'joinTime', title:'加入时间', width: 120} - ,{fixed: 'right', title:'操作', width: 134, minWidth: 125, toolbar: '#barDemo'} - ]] - ,done: function(){ + }}, + {field:'sign', title: '签名', edit: 'textarea', minWidth: 260, style: '-moz-box-align: start;', totalRow: '{{!人物：唐代：{{= d.TOTAL_ROW.era.tang }} 宋代：{{= d.TOTAL_ROW.era.song }} 现代：{{= d.TOTAL_ROW.era.xian }}!}}'}, + {field:'experience', width: 100, title: '积分', sort: true, totalRow: '{{!{{= d.TOTAL_NUMS }} 😊!}}'}, + {field:'checkin', title:'打卡', width: 100, sort: true, totalRow: '{{!{{= parseInt(d.TOTAL_NUMS) }} 次!}}'}, + {field:'ip', title:'IP', width: 120}, + {field:'joinTime', title:'加入时间', width: 120}, + {fixed: 'right', title:'操作', width: 134, minWidth: 125, toolbar: '#barDemo'} + ]], + done: function(){ var id = this.id; // 下拉按钮测试 dropdown.render({ - elem: '#dropdownButton' // 可绑定在任意元素中，此处以上述按钮为例 - ,data: [{ + elem: '#dropdownButton', // 可绑定在任意元素中，此处以上述按钮为例 + data: [{ id: 'add', title: '添加' },{ @@ -112,9 +112,9 @@ layui.use(['table', 'dropdown'], function(){ },{ id: 'delete', title: '删除' - }] + }], // 菜单被点击的事件 - ,click: function(obj){ + click: function(obj){ var checkStatus = table.checkStatus(id) var data = checkStatus.data; // 获取选中的数据 @@ -148,8 +148,8 @@ layui.use(['table', 'dropdown'], function(){ // 重载测试 dropdown.render({ - elem: '#reloadTest' // 可绑定在任意元素中，此处以上述按钮为例 - ,data: [{ + elem: '#reloadTest', // 可绑定在任意元素中，此处以上述按钮为例 + data: [{ id: 'reload', title: '重载' },{ @@ -161,26 +161,26 @@ layui.use(['table', 'dropdown'], function(){ },{ id: 'reloadData-deep', title: '仅重载数据 - 参数叠加' - }] + }], // 菜单被点击的事件 - ,click: function(obj){ + click: function(obj){ switch(obj.id){ case 'reload': // 重载 - 默认（参数重置） table.reload('test', { where: { - abc: '123456' - //,test: '新的 test2' - //,token: '新的 token2' - } + abc: '123456', + //test: '新的 test2', + //token: '新的 token2' + }, /*{{! - ,cols: [[ // 重置表头 - {type: 'checkbox', fixed: 'left'} - ,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true, totalRowText: '合计：'} - ,{field:'sex', title:'性别', width:80, edit: 'text', sort: true} - ,{field:'experience', title:'积分', width:80, sort: true, totalRow: true, templet: '
{{= d.experience }} 分
'} - ,{field:'logins', title:'登入次数', width:100, sort: true, totalRow: true} - ,{field:'joinTime', title:'加入时间', width:120} + cols: [[ // 重置表头 + {type: 'checkbox', fixed: 'left'}, + {field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true, totalRowText: '合计：'}, + {field:'sex', title:'性别', width:80, edit: 'text', sort: true}, + {field:'experience', title:'积分', width:80, sort: true, totalRow: true, templet: '
{{= d.experience }} 分
'}, + {field:'logins', title:'登入次数', width:100, sort: true, totalRow: true}, + {field:'joinTime', title:'加入时间', width:120} ]] !}}*/ }); @@ -189,33 +189,33 @@ layui.use(['table', 'dropdown'], function(){ // 重载 - 深度（参数叠加） table.reload('test', { where: { - abc: 123 - ,test: '新的 test1' - } - //,defaultToolbar: ['print'] // 重载头部工具栏右侧图标 - //,cols: ins1.config.cols + abc: 123, + test: '新的 test1' + }, + //defaultToolbar: ['print'], // 重载头部工具栏右侧图标 + //cols: ins1.config.cols }, true); break; case 'reloadData': // 数据重载 - 参数重置 table.reloadData('test', { where: { - abc: '123456' - //,test: '新的 test2' - //,token: '新的 token2' - } - ,scrollPos: 'fixed' // 保持滚动条位置不变 - v2.7.3 新增 - ,height: 2000 // 测试无效参数（即与数据无关的参数设置无效，此处以 height 设置无效为例） - //,url: '404' - //,page: {curr: 1, limit: 30} // 重新指向分页 + abc: '123456', + //test: '新的 test2', + //token: '新的 token2' + }, + scrollPos: 'fixed', // 保持滚动条位置不变 - v2.7.3 新增 + height: 2000, // 测试无效参数（即与数据无关的参数设置无效，此处以 height 设置无效为例） + //url: '404', + //page: {curr: 1, limit: 30} // 重新指向分页 }); break; case 'reloadData-deep': // 数据重载 - 参数叠加 table.reloadData('test', { where: { - abc: 123 - ,test: '新的 test1' + abc: 123, + test: '新的 test1' } }, true); break; @@ -226,16 +226,16 @@ layui.use(['table', 'dropdown'], function(){ // 行模式 dropdown.render({ - elem: '#rowMode' - ,data: [{ + elem: '#rowMode', + data: [{ id: 'default-row', title: '单行模式（默认）' },{ id: 'multi-row', title: '多行模式' - }] + }], // 菜单被点击的事件 - ,click: function(obj){ + click: function(obj){ var checkStatus = table.checkStatus(id) var data = checkStatus.data; // 获取选中的数据 @@ -258,8 +258,8 @@ layui.use(['table', 'dropdown'], function(){ } }); - } - ,error: function(res, msg){ + }, + error: function(res, msg){ console.log(res, msg) } }); diff --git a/docs/table/examples/editModes.md b/docs/table/examples/editModes.md index 7cdccb4e..e0534ee8 100644 --- a/docs/table/examples/editModes.md +++ b/docs/table/examples/editModes.md @@ -47,25 +47,25 @@ layui.use(function(){ // 渲染 table.render({ - elem: '#ID-table-demo-editmodes' - ,url: '{{d.root}}/static/json/table/user.json' // 此处为静态模拟数据，实际使用时需换成真实接口 - ,page: true - ,css: [ // 设置单元格样式 + elem: '#ID-table-demo-editmodes', + url: '{{d.root}}/static/json/table/user.json', // 此处为静态模拟数据，实际使用时需换成真实接口 + page: true, + css: [ // 设置单元格样式 // 取消默认的溢出隐藏，并设置适当高度 '.layui-table-cell{height: 50px; line-height: 40px; overflow: visible;}', '.layui-table-cell .layui-colorpicker{width: 38px; height: 38px;}', '.layui-table-cell select{height: 36px; padding: 0 5px;}' - ].join('') - ,cols: [[ // 表头 - {field: 'id', title: 'ID', width:80, align: 'center', fixed: 'left'} - ,{field: 'city', title: '原生 select', width:150, templet: '#TPL-select-primary'} - //,{field: 'city', title: 'layui select', width:150, templet: '#TPL-select-city'} - ,{field: 'sex', title: 'dropdown', width:115, align: 'center', templet: '#TPL-dropdpwn-demo'} - ,{field: 'date', title: 'laydate', width:150, templet: '#TPL-laydate-demo'} - ,{field: 'color', title: 'colorpicker', width:100, align: 'center', templet: '#TPL-colorpicker-demo'} - ,{field: 'sign', title: '文本', edit: 'textarea'} - ]] - ,done: function(res, curr, count){ + ].join(''), + cols: [[ // 表头 + {field: 'id', title: 'ID', width:80, align: 'center', fixed: 'left'}, + {field: 'city', title: '原生 select', width:150, templet: '#TPL-select-primary'}, + //{field: 'city', title: 'layui select', width:150, templet: '#TPL-select-city'}, + {field: 'sex', title: 'dropdown', width:115, align: 'center', templet: '#TPL-dropdpwn-demo'}, + {field: 'date', title: 'laydate', width:150, templet: '#TPL-laydate-demo'}, + {field: 'color', title: 'colorpicker', width:100, align: 'center', templet: '#TPL-colorpicker-demo'}, + {field: 'sign', title: '文本', edit: 'textarea'} + ]], + done: function(res, curr, count){ var options = this; // 获取当前行数据 @@ -94,20 +94,20 @@ layui.use(function(){ // dropdown 方式的下拉选择 dropdown.render({ - elem: '.dropdpwn-demo' - // ,trigger: 'hover' + elem: '.dropdpwn-demo', + // trigger: 'hover', // 此处的 data 值，可根据 done 返回的 res 遍历来赋值 - ,data: [{ - title: '男' - ,id: 100 + data: [{ + title: '男', + id: 100 },{ - title: '女' - ,id: 101 + title: '女', + id: 101 },{ - title: '保密' - ,id: 102 - }] - ,click: function(obj){ + title: '保密', + id: 102 + }], + click: function(obj){ var data = table.getRowData(this.elem); // 获取当前行数据(如 id 等字段，以作为数据修改的索引) this.elem.find('span').html(obj.title); diff --git a/docs/table/examples/editable.md b/docs/table/examples/editable.md index e8ca5a53..1d7f7ade 100644 --- a/docs/table/examples/editable.md +++ b/docs/table/examples/editable.md @@ -12,24 +12,24 @@ layui.use(function(){ // 创建表格实例 table.render({ - elem: '#ID-table-demo-editable' - ,url: '{{d.root}}/static/json/table/edit.json' // 此处为静态模拟数据，实际使用时需换成真实接口 - ,page: true + elem: '#ID-table-demo-editable', + url: '{{d.root}}/static/json/table/edit.json', // 此处为静态模拟数据，实际使用时需换成真实接口 + page: true, //,editTrigger: 'dblclick' // 触发编辑的事件类型（默认 click ）。 v2.7.0 新增，之前版本固定为单击触发 - ,css: [ + css: [ // 对开启了编辑的单元格追加样式 '.layui-table-view td[data-edit]{color: #16B777;}' - ].join('') - ,cols: [[ - {checkbox: true, fixed: true} - ,{field:'id', title: 'ID', width:80, sort: true, fixed: true} - ,{field:'username', title: '用户名', width:80, edit: editable} - ,{field:'sex', title: '性别', width:80, sort: true, edit: editable} - ,{field:'city', title: '城市', width:80, edit: editable} - ,{field:'sign', title: '签名', edit: editable} - ,{field:'experience', title: '积分', sort: true, width:80, edit: editable} - ]] - ,height: 310 + ].join(''), + cols: [[ + {checkbox: true, fixed: true}, + {field:'id', title: 'ID', width:80, sort: true, fixed: true}, + {field:'username', title: '用户名', width:80, edit: editable}, + {field:'sex', title: '性别', width:80, sort: true, edit: editable}, + {field:'city', title: '城市', width:80, edit: editable}, + {field:'sign', title: '签名', edit: editable}, + {field:'experience', title: '积分', sort: true, width:80, edit: editable} + ]], + height: 310 }); // 单元格编辑后的事件 diff --git a/docs/table/examples/filter.md b/docs/table/examples/filter.md index 28dcaa9f..fe9273de 100644 --- a/docs/table/examples/filter.md +++ b/docs/table/examples/filter.md @@ -7,18 +7,18 @@ layui.use(function(){ // 渲染 table.render({ - elem: '#ID-table-demo-filter' - ,url:'{{d.root}}/static/json/table/user.json' // 此处为静态模拟数据，实际使用时需换成真实接口 - ,toolbar: 'default' - ,height: 315 - ,cols: [function(){ + elem: '#ID-table-demo-filter', + url:'{{d.root}}/static/json/table/user.json', // 此处为静态模拟数据，实际使用时需换成真实接口 + toolbar: 'default', + height: 315, + cols: [function(){ var arr = [ - {field:'id', title:'ID', width:80, fixed: 'left'} - ,{field:'username', title:'用户', width:120} - ,{field:'sex', title:'性别'} - ,{field:'city', title:'城市'} - ,{field:'sign', title:'签名'} - ,{field:'classify', title:'职业'} + {field:'id', title:'ID', width:80, fixed: 'left'}, + {field:'username', title:'用户', width:120}, + {field:'sex', title:'性别'}, + {field:'city', title:'城市'}, + {field:'sign', title:'签名'}, + {field:'classify', title:'职业'} ]; // 初始化筛选状态 @@ -29,8 +29,8 @@ layui.use(function(){ } }); return arr; - }() ] - ,done: function(){ + }() ], + done: function(){ // 记录筛选状态 var that = this; that.elem.next().on('mousedown', 'input[lay-filter="LAY_TABLE_TOOL_COLS"]+', function(){ diff --git a/docs/table/examples/page.md b/docs/table/examples/page.md index 06cbb825..d7a2bd8e 100644 --- a/docs/table/examples/page.md +++ b/docs/table/examples/page.md @@ -12,23 +12,23 @@ layui.use('table', function(){ // 创建渲染实例 table.render({ - elem: '#ID-table-demo-page' - ,url:'{{d.root}}/static/json/table/user.json' // 此处为静态模拟数据，实际使用时需换成真实接口 - ,page: { // 支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档 - layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局 - //,curr: 5 //设定初始在第 5 页 - ,groups: 1 //只显示 1 个连续页码 - ,first: false //不显示首页 - ,last: false //不显示尾页 - } - ,pagebar: '#ID-table-demo-page-pagebar' // 分页栏模板 - ,cols: [[ - {field:'id', width:80, title: 'ID', sort: true} - ,{field:'username', width:80, title: '用户名'} - ,{field:'sex', width:80, title: '性别', sort: true} - ,{field:'city', width:80, title: '城市'} - ,{field:'sign', title: '签名', minWidth: 150} - ,{field:'experience', width:80, title: '积分', sort: true} + elem: '#ID-table-demo-page', + url:'{{d.root}}/static/json/table/user.json', // 此处为静态模拟数据，实际使用时需换成真实接口 + page: { // 支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档 + layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'], //自定义分页布局 + //curr: 5, //设定初始在第 5 页 + groups: 1, //只显示 1 个连续页码 + first: false, //不显示首页 + last: false //不显示尾页 + }, + pagebar: '#ID-table-demo-page-pagebar', // 分页栏模板 + cols: [[ + {field:'id', width:80, title: 'ID', sort: true}, + {field:'username', width:80, title: '用户名'}, + {field:'sex', width:80, title: '性别', sort: true}, + {field:'city', width:80, title: '城市'}, + {field:'sign', title: '签名', minWidth: 150}, + {field:'experience', width:80, title: '积分', sort: true} ]] }); diff --git a/docs/table/examples/parse.md b/docs/table/examples/parse.md index 90454b60..2d4d8642 100644 --- a/docs/table/examples/parse.md +++ b/docs/table/examples/parse.md @@ -9,31 +9,31 @@ layui.use('table', function(){ // 渲染 table.render({ - elem: '#ID-table-demo-parse' - ,url:'{{d.root}}/static/json/table/demo3.json' - ,page: true - ,response: { + elem: '#ID-table-demo-parse', + url:'{{d.root}}/static/json/table/demo3.json', + page: true, + response: { statusCode: 200 // 重新规定成功的状态码为 200，table 组件默认为 0 - } + }, // 将原始数据解析成 table 组件所规定的数据格式 - ,parseData: function(res){ + parseData: function(res){ return { "code": res.status, //解析接口状态 "msg": res.message, //解析提示文本 "count": res.total, //解析数据长度 "data": res.rows.item //解析数据列表 }; - } - ,cols: [[ - {field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true} - ,{field:'username', title:'用户名', width:120} - ,{field:'email', title:'邮箱', width:150} - ,{field:'experience', title:'积分', width:100, sort: true} - ,{field:'sex', title:'性别', width:80, sort: true} - ,{field:'sign', title:'签名'} - ,{field:'joinTime', title:'加入时间', width:120} - ]] - ,height: 315 + }, + cols: [[ + {field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true}, + {field:'username', title:'用户名', width:120}, + {field:'email', title:'邮箱', width:150}, + {field:'experience', title:'积分', width:100, sort: true}, + {field:'sex', title:'性别', width:80, sort: true}, + {field:'sign', title:'签名'}, + {field:'joinTime', title:'加入时间', width:120} + ]], + height: 315 }); }); diff --git a/docs/table/examples/search.md b/docs/table/examples/search.md index 7c6fc5b7..5bb2e258 100644 --- a/docs/table/examples/search.md +++ b/docs/table/examples/search.md @@ -36,19 +36,19 @@ layui.use(function(){ // 创建表格实例 table.render({ - elem: '#ID-table-demo-search' - ,url: '{{d.root}}/static/json/table/user.json' // 此处为静态模拟数据，实际使用时需换成真实接口 - ,cols: [[ - {checkbox: true, fixed: true} - ,{field:'id', title: 'ID', width:80, sort: true, fixed: true} - ,{field:'username', title: '用户名', width:80} - ,{field:'sex', title: '性别', width:80, sort: true} - ,{field:'city', title: '城市', width:80} - ,{field:'sign', title: '签名'} - ,{field:'experience', title: '积分', sort: true, width:80} - ]] - ,page: true - ,height: 310 + elem: '#ID-table-demo-search', + url: '{{d.root}}/static/json/table/user.json', // 此处为静态模拟数据，实际使用时需换成真实接口 + cols: [[ + {checkbox: true, fixed: true}, + {field:'id', title: 'ID', width:80, sort: true, fixed: true}, + {field:'username', title: '用户名', width:80}, + {field:'sex', title: '性别', width:80, sort: true}, + {field:'city', title: '城市', width:80}, + {field:'sign', title: '签名'}, + {field:'experience', title: '积分', sort: true, width:80} + ]], + page: true, + height: 310 }); // 日期 @@ -64,8 +64,8 @@ layui.use(function(){ table.reload('ID-table-demo-search', { page: { curr: 1 // 重新从第 1 页开始 - } - ,where: field // 搜索的字段 + }, + where: field // 搜索的字段 }); layer.msg('搜索成功
此处为静态模拟数据，实际使用时换成真实接口即可'); diff --git a/docs/table/examples/templet.md b/docs/table/examples/templet.md index d313dcf6..38806079 100644 --- a/docs/table/examples/templet.md +++ b/docs/table/examples/templet.md @@ -25,29 +25,29 @@ layui.use(['table'], function(){ // 创建渲染实例 table.render({ - elem: '#ID-table-demo-templet' - ,url:'{{d.root}}/static/json/table/user.json' // 此处为静态模拟数据，实际使用时需换成真实接口 - ,page: true - ,height: '315px' - ,cols: [[ - {type: 'checkbox', fixed: 'left'} + elem: '#ID-table-demo-templet', + url:'{{d.root}}/static/json/table/user.json', // 此处为静态模拟数据，实际使用时需换成真实接口 + page: true, + height: '315px', + cols: [[ + {type: 'checkbox', fixed: 'left'}, // 未自定义模板的普通列 - ,{field:'id', fixed: 'left', width:80, title: 'ID', sort: true} + {field:'id', fixed: 'left', width:80, title: 'ID', sort: true}, // 模板 - 选择器写法 - ,{field:'username', width:80, title: '用户', templet: '#ID-table-demo-templet-user'} + {field:'username', width:80, title: '用户', templet: '#ID-table-demo-templet-user'}, // 模板 - 函数写法 - ,{field:'sex', width:60, title: '性别', templet: function(d){ + {field:'sex', width:60, title: '性别', templet: function(d){ if(d.sex === '男'){ return '♂'; } else { return '♀'; } - }} + }}, // 模板 - 普通字符写法 - ,{field:'city', width:115, title: '城市', templet: '
{{!{{= d.city }}!}}
'} + {field:'city', width:115, title: '城市', templet: '
{{!{{= d.city }}!}}
'}, // 模板中可包含任意字段、任意内容（如表单等） - ,{title: '状态', width:85, templet: '#ID-table-demo-templet-switch'} - ,{title: '其他', minWidth:200, templet: '#ID-table-demo-templet-other'} + {title: '状态', width:85, templet: '#ID-table-demo-templet-switch'}, + {title: '其他', minWidth:200, templet: '#ID-table-demo-templet-other'} ]] }); diff --git a/docs/transfer/detail/options.md b/docs/transfer/detail/options.md index 356ab04f..dfb3bee6 100644 --- a/docs/transfer/detail/options.md +++ b/docs/transfer/detail/options.md @@ -181,9 +181,9 @@ onchange: function(data, index){ transfer.render({ elem: '', data: [ // 任意数据 - {"id": "1", "name": "李白"} - ,{"id": "2", "name": "杜甫"} - ,{"id": "3", "name": "贤心"} + {"id": "1", "name": "李白"}, + {"id": "2", "name": "杜甫"}, + {"id": "3", "name": "贤心"} ], parseData: function(res){ // 解析成规定的 data 格式 return { diff --git a/docs/tree/detail/demo.md b/docs/tree/detail/demo.md index e7ae8489..2ae34a75 100644 --- a/docs/tree/detail/demo.md +++ b/docs/tree/detail/demo.md @@ -40,11 +40,11 @@ layui.use(function(){ layer.alert(JSON.stringify(checkedData), {shade:0}); console.log(checkedData); - } - ,setChecked: function(){ + }, + setChecked: function(){ tree.setChecked('demo-id-1', [12, 16]); // 勾选对应 id 值的节点 - } - ,reload: function(){ + }, + reload: function(){ tree.reload('demo-id-1', {}); // 重载实例 } }); @@ -118,22 +118,22 @@ layui.use(function(){ tree.render({ elem: '#ID-tree-demo-accordion', data: [{ - title: '优秀' - ,children: [{ + title: '优秀', + children: [{ title: '80 ~ 90' },{ title: '90 ~ 100' }] },{ - title: '良好' - ,children: [{ + title: '良好', + children: [{ title: '70 ~ 80' },{ title: '60 ~ 70' }] },{ - title: '一般' - ,children: [{ + title: '一般', + children: [{ title: '0 ~ 60' }] }], diff --git a/docs/upload/examples/files.table.md b/docs/upload/examples/files.table.md index 2654801e..5846a1d2 100644 --- a/docs/upload/examples/files.table.md +++ b/docs/upload/examples/files.table.md @@ -73,7 +73,7 @@ layui.use(function(){ var that = this; // if(res.code == 0){ // 上传成功 var tr = that.elemList.find('tr#upload-'+ index) - ,tds = tr.children(); + var tds = tr.children(); tds.eq(3).html(''); // 清空操作 delete this.files[index]; // 删除文件队列已经上传成功的文件 return;