github
/
layui
mirror of https://github.com/layui/layui
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #1130 from layui/2.x 

优化 table templet 表头属性细节
pull/1132/head
贤心 2022-09-01 00:08:02 +08:00 committed by GitHub
parent d29f9326c5 7bfaf406e1
commit 0a86f4d286
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
examples/table-test.html
View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>表格操作 - layui</title> <title>表格操作 - layui</title>
<link rel="stylesheet" href="../src/css/layui.css"> <link rel="stylesheet" href="../src/css/layui.css">

27
src/modules/table.js
View File

@ -21,7 +21,7 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
config: { // 全局配置项 config: { // 全局配置项
checkName: 'LAY_CHECKED' // 是否选中状态的字段名 checkName: 'LAY_CHECKED' // 是否选中状态的字段名
,indexName: 'LAY_TABLE_INDEX' // 初始下标索引名，用于恢复当前页表格排序 ,indexName: 'LAY_TABLE_INDEX' // 初始下标索引名，用于恢复当前页表格排序
,numbersName: 'LAY_INDEX' //序号 ,numbersName: 'LAY_INDEX' // 序号
,disabledName: 'LAY_DISABLED' ,disabledName: 'LAY_DISABLED'
} }
,cache: {} // 数据缓存 ,cache: {} // 数据缓存
@ -1068,7 +1068,7 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
// 记录下标索引，用于恢复排序 // 记录下标索引，用于恢复排序
if(!sort) item1[table.config.indexName] = i1; if(!sort) item1[table.config.indexName] = i1;
//遍历表头 // 遍历表头
that.eachCols(function(i3, item3){ that.eachCols(function(i3, item3){
var field = item3.field || i3; var field = item3.field || i3;
var key = item3.key; var key = item3.key;
@ -1106,9 +1106,9 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
+ function(){ + function(){
var tplData = $.extend(true, { var tplData = $.extend(true, {
LAY_COL: item3 LAY_COL: item3
}, item1) }, item1);
,checkName = table.config.checkName var checkName = table.config.checkName;
,disabledName = table.config.disabledName; var disabledName = table.config.disabledName;
//渲染不同风格的列 //渲染不同风格的列
switch(item3.type){ switch(item3.type){
@ -1912,11 +1912,10 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
//数据行中的事件返回的公共对象成员 //数据行中的事件返回的公共对象成员
var commonMember = that.commonMember = function(sets){ var commonMember = that.commonMember = function(sets){
var othis = $(this) var othis = $(this);
,index = othis.parents('tr').eq(0).data('index') var index = othis.parents('tr').eq(0).data('index');
,tr = that.layBody.find('tr[data-index="'+ index +'"]') var tr = that.layBody.find('tr[data-index="'+ index +'"]');
,data = table.cache[that.key] || []; var data = table.cache[that.key] || [];
data = data[index] || {}; data = data[index] || {};
@ -1944,7 +1943,9 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
cell.html(parseTempData.call(that, { cell.html(parseTempData.call(that, {
item3: item3 item3: item3
,content: value ,content: value
,tplData: data ,tplData: $.extend({
LAY_COL: item3
}, data)
})); }));
td.data('content', value); td.data('content', value);
} }
@ -1956,7 +1957,9 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
thisTd.children(ELEM_CELL).html(parseTempData.call(that, { thisTd.children(ELEM_CELL).html(parseTempData.call(that, {
item3: item3 item3: item3
,content: content ,content: content
,tplData: data ,tplData: $.extend({
LAY_COL: item3
}, data)
})); }));
thisTd.data('content', content); thisTd.data('content', content);
} }