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

网上的搜到的好多不能用,
官方easy-ui使用进度条

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

90%
90%

在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;
    }
}

 

                        

 

你可能感兴趣的:(easyui的DataGrid的单元格添加ProgressBar进度条)