easyui datagird 列宽自适应

最新推荐文章于 2020-03-27 16:51:42 发布

转载最新推荐文章于 2020-03-27 16:51:42 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pyrebot/p/3849019.html

文章标签：

#javascript #ViewUI

本文介绍了一段JavaScript代码，用于从JSON数据中获取每列的最大字符数，并据此调整表格列的宽度。代码包括遍历数据、计算最大字符数、设置列宽度等关键步骤。

代码如下：

 1 onLoadSuccess: function (data) {
 2                 var rows = data.rows; //得到行数据  
 3                 var columnMaxCharacter = new Array(); //该列最大字符数  
 4                 //遍历所有行数据,获得该列数据的最大字符数  
 5                 var propertys = Object.getOwnPropertyNames(rows[0]);
 6                 for (var i = 0; i < rows.length; i++) {
 7                     for (var j = 0; j < propertys.length; j++) {
 8                         var s = eval('rows[' + i + '].' + propertys[j]);
 9                         //s = s.replace('<center>', ''); //屏蔽html标签  
10                         //s = s.replace('</center>', '');
11                         if ((typeof columnMaxCharacter[propertys[j]]) == 'undefined') {
12                             columnMaxCharacter[propertys[j]] = 0;
13                         }
14                         if ( s != null) {
15                             if (s.length > columnMaxCharacter[propertys[j]]) {
16                                 columnMaxCharacter[propertys[j]] = s.length;
17                             }
18                         }
19                     }
20                 }
21 
22                 //设置列宽度和字体  
23                 for (var j = 0; j < rows.length; j++) {
24                     //得到该列的字体  
25                     //    alert($("td[field='"+cls[j]+"'] div").get(0).currentStyle);  
26                     // var fontSize=$("td[field='"+cls[j]+"'] div").get(0).currentStyle.fontSize;//获得字体大小  
27                     //  fontSize= fontSize.replace("px","");//去掉px方便运算  
28                     var fontSize = 12;
29                     var w = fontSize * (columnMaxCharacter[propertys[j]] + 1); //求出宽度  
30                     //设定该列的宽度  
31                     $("td[field='" + propertys[j] + "'] div").width(w);
32                 }
33 
34             }

转载于:https://www.cnblogs.com/pyrebot/p/3849019.html