您的位置：首页 > 产品设计 > UI/UE

easyui的DataGrid的单元格添加ProgressBar进度条

2017-04-19 15:26 387 查看
网上的搜到的好多不能用，
官方easy-ui使用进度条

<div id="p" class="easyui-progressbar" ></div>

通过这个可以观察页面实际代码

<div id="p" class="easyui-progressbar progressbar"  value="90" text="90%">
<div class="progressbar-text" >90%</div>
<div class="progressbar-value" >
<div class="progressbar-text" >90%</div>
</div>
</div>

在datagrid中将自己的数值替换上面的 90即可

我这里传递到页面的是数值，不是百分比

{field: 'status', title: '进度', width: getWidth(0.12), align: 'center',
formatter: function (value, rec) {
//rec.status*100/4
var tempval=rec.status*100/4;
var htmlstr = '<div class="easyui-progressbar progressbar"  value="'+tempval +'" text="'+tempval+'%">'+
'<div class="progressbar-text" >'+tempval+'%</div>'+
'<div class="progressbar-value" >'+
'<div class="progressbar-text" >'+tempval+'%</div>'+
'</div>'+
'</div>';
return htmlstr;
}
}



                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航