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 = '
'+ '
'+tempval+'%
'+ '
'+ '
'+tempval+'%
'+ '
'+ '
'; return htmlstr; } }

 

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