easyui datagrid 单元格加进度条（亲测可用）

最新推荐文章于 2023-08-01 14:51:53 发布

weixin_34192732

最新推荐文章于 2023-08-01 14:51:53 发布

阅读量400

点赞数

文章标签： javascript 数据库 ui ViewUI

原文链接：http://www.cnblogs.com/qbz95/p/8544923.html

版权

 1 {field: 'DataItemNum', title: '数据完整度', width: 100, formatter: function (v, r, i) {
 2 var p = (v / 27) * 100;
 3 var value = Math.ceil(p);
 4 var htmlstr = '<div class="easyui-progressbar progressbar easyui-fluid" style="width: 100%; height: 20px;">'
 5 + '<div class="progressbar-value" style="width: 100%; height: 20px; line-height: 20px;"> '
 6 + '<div class="progressbar-text" style="width: ' + value+'%'+ '; height: 20px; line-height: 20px;">' + value+ '%</div>'
 7 + '</div>'
 8 + '</div>';
 9 return htmlstr;
10 
11 }