【easyui】datagrid中增加进度条

男娘i 2022-07-13 00:43 201阅读 0赞

1 增加formater函数

{ field: 'pct', title: '完成比例', width: 100, align: 'center', sortable: false, formatter: showProcessBar }

2 函数实现

//增加进度条显示功能
            function showProcessBar(value, row, index) { 
                var htmlstr = null;
                //如果NaN，则说明未分配计划
                if(isNaN(parseInt(value))){
                    console.log("NaN");
                    htmlstr = '<div class="progressbar-text" style="width:90px;">' 
                        + "未分配计划" + '</div><div class="progressbar-value" style="width:0px">&nbsp </div>';
                }else if(parseInt(value) > 100 || value.indexOf(",") > 0){
       //大于100，统一按照100%统计，//超过1000
                    console.log("大于100 value = "+value+" parseIntValue = "+ parseInt(value));
                    htmlstr = '<div class="progressbar-text" style="width:90px;">' 
                        + value + '</div><div class="progressbar-value" style="width:90px">&nbsp </div>';
                }else{
       //完成比例正常显示
                    console.log("小于100 value = "+value+" parseIntValue = "+ parseInt(value));
                    htmlstr = '<div class="progressbar-text" style="width:90px;">' 
                        + value + '</div><div class="progressbar-value" style="width:'+ parseInt(value)+'px">&nbsp </div>';
                }
                return htmlstr;
            }

发表评论取消回复

表情：

评论列表（有 0 条评论，201人围观）

还没有评论，来说两句吧...

相关阅读

相关进度条

[在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4...

我就是我/ 2024年04月17日 05:28/ 0 赞/ 72 阅读

相关进度条

<!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <meta

港控/mmm°/ 2022年12月25日 15:57/ 0 赞/ 275 阅读

相关进度条

进度条--基本样式 <div class="progress"> <div class="progress-bar" style="width:8

墨蓝/ 2022年10月02日 14:48/ 0 赞/ 315 阅读

相关 vue中进度条

最终实现的效果是这样的。 ![watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAUG9ubmVudW

梦里梦外;/ 2022年09月12日 12:47/ 0 赞/ 181 阅读

相关【easyui】datagrid中增加进度条

1 增加formater函数 { field: 'pct', title: '完成比例', width: 100, align: 'center', sortable

男娘i/ 2022年07月13日 00:43/ 0 赞/ 202 阅读

相关动态进度条

![这里写图片描述][SouthEast] <!DOCTYPE html> <html> <head> <meta c

╰+攻爆jí腚メ/ 2022年06月05日 05:35/ 0 赞/ 315 阅读

相关进度条代码

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

缺乏、安全感/ 2022年05月28日 11:42/ 0 赞/ 265 阅读

相关视频进度条

<!DOCTYPE HTML> <html> <head> <meta charset="gbk">

缺乏、安全感/ 2022年05月23日 09:40/ 0 赞/ 291 阅读

相关 python 简单文本进度条程序进度条加载进度条单行刷新

利用time库来替代某个程序的进行过程，做实例，思路是，简单打印出来程序进度单行刷新关键是\\r， python默认是print后换行，所以加一个\\r是光标

朴灿烈づ我的快乐病毒、/ 2022年03月18日 05:50/ 0 赞/ 437 阅读

相关 wxWidgets进度条

include <wx/wx.h> include <wx/progdlg.h> class myApp : public wxApp {

客官°小女子只卖身不卖艺/ 2021年12月16日 10:45/ 0 赞/ 503 阅读