easyui datagrid 单元格使用进度条

来源：互联网发布：蓝牙电话软件编辑：程序博客网时间：2024/05/17 12:47

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

0 0