easyui在table单元格中添加进度条

最新推荐文章于 2019-10-12 16:59:18 发布

转载最新推荐文章于 2019-10-12 16:59:18 发布 · 292 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/llljpf/p/6677965.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用JavaScript实现的EasyUI进度条组件的具体代码。该组件可以根据传入的数据动态展示进度状态，适用于Web应用程序中需要显示任务进度的场景。

function XR_jd(alue, rowData, rowIndex){
       var value;
        ......
       var htmlstr = '<div class="easyui-progressbar progressbar" style="width: 100%; height: 20px;" value="' + value + '" text="' + value + '%">' +
        '<div class="progressbar-text" style="width: 100%; height: 20px; line-height: 20px;">' + value + '%</div>' +
            '<div class="progressbar-value" style="width: ' + value + '%; height: 20px; line-height: 20px;">' +
                '<div class="progressbar-text" style="width: 100%; height: 20px; line-height: 20px;">' + value + '%</div>' +
            '</div>' +
        '</div>';
        return htmlstr;
}