zoukankan      html  css  js  c++  java
  • easyui的DataGrid的单元格添加ProgressBar进度条

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

    <div id="p" class="easyui-progressbar" ></div>  

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

    <div id="p" class="easyui-progressbar progressbar"  value="90" text="90%">
        <div class="progressbar-text" >90%</div>
        <div class="progressbar-value" >
            <div class="progressbar-text" >90%</div>
        </div>
    </div>

    在datagrid中将自己的数值替换上面的 90即可

    我这里传递到页面的是数值,不是百分比

    {field: 'status', title: '进度',  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;
        }
    }
                            
  • 相关阅读:
    Mysql 配置主从
    ZJ 虚拟机扩直接扩原磁盘
    Linux 配置samba
    mysql 5.6 升级5.7
    binlog作用
    删除全部binlog不影响数据库运行,类似Oracle的archivelog
    mysql清理binlog
    Perl计数器
    perl增量分析日志
    perl 获取更新部分日志
  • 原文地址:https://www.cnblogs.com/imsoft/p/6733727.html
Copyright © 2011-2022 走看看