easyui datagrid 单元格使用进度条

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

半糖主义097

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

阅读量2.1k

点赞数 1

  {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" style="width: 196px; height: 20px;" value="'+tempval +'" text="'+tempval+'%">'+
                                '<div class="progressbar-text" style="width: 196px; height: 20px; line-height: 20px;">'+tempval+'%</div>'+
                                    '<div class="progressbar-value" style="width: '+tempval+'%; height: 20px; line-height: 20px;">'+
                                        '<div class="progressbar-text" style="width: 196px; height: 20px; line-height: 20px;">'+tempval+'%</div>'+
                                    '</div>'+
                                '</div>';
                                return htmlstr;
                            }
                        }