码迷,mamicode.com
首页 > 其他好文 > 详细

easyui datagrid添加progressbar 进度条

时间:2017-04-05 10:08:48      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:easyui   datagrid   progressbar   进度条   

{field:‘shtgl‘,title:‘审核通过率‘,width:90,formatter:progressFormatter}

function progressFormatter(value,row,index){
	htmlstr=‘<div class="easyui-progressbar progressbar easyui-fluid" style="width: 100%; height: 20px;">‘
		         +‘<div class="progressbar-value" style="width: 100%; height: 20px; line-height: 20px;"> ‘
		             +‘<div class="progressbar-text" style="width: ‘+value+‘; height: 20px; line-height: 20px;">‘+ value +‘</div>‘
		         +‘</div>‘
	       +‘</div>‘;
    return htmlstr;  
}

网上很多都是progressbar-text写在前面,progressbar-value写在后面,但是出不来效果。

在这里把他们互换一下就OK了 !真不知道网上的那些博主是怎么实现的???

技术分享

本文出自 “梦想oO天堂” 博客,请务必保留此出处http://lionkas.blog.51cto.com/6265107/1912965

easyui datagrid添加progressbar 进度条

标签:easyui   datagrid   progressbar   进度条   

原文地址:http://lionkas.blog.51cto.com/6265107/1912965

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!