关于easyui里面使用bootstrap进度条的问题

发布于 2022-09-06 06:19:27 字数 1617 浏览 15 评论 0

代码如下,现在的问题是怎么动态设置类名为progress-bar的div的宽度,设置为value值,我这样写貌似没用。

$(function() {
    $('#list').datagrid({
        url : '${pageContext.request.contextPath}/getDataSum.action',
        rownumbers:true,
        singleSelect:true,
        height:'',
        pagination : true,
        fitColumns :true,
        remoteSort : false,
        sortOrder: 'desc',
        sortName: 'test',
        title : '',
        border:false,
        queryParams: {
            
        },
        columns:[[
                    {field:'region',title:'区域',width:200,align:'center',
                        formatter : function(value,row,index){
                            var rowz = row.region;
                            if(rowz==null){
                                return "苏州大市";
                            }else{
                                return value;
                            }
                        }
                    },
                    {field:'test',title:'年度任务批次',width:200,align:'center'},
                    {field:'y',title:'实时抽检总数',width:200,align:'center',sortable:true},
                    {field:'t',title:'合格率',width:200,align:'center',sortable:true},
                    {field:'i',title:'年度抽检进度',width:200,align:'center',sortable:true,
                        formatter : cell},
        ]]
    });

}); 
function cell(value,row,index){
    return '<div class="progress"><div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" >'+value+'</div></div>';
    $('.progress-bar').css('width',value);
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

伏妖词 2022-09-13 06:19:27
function cell(value,row,index){
        if(row.test>=row.y){
            return '<div class="progress progress-striped active"><div class="progress-bar progress-bar-success" style="width:'+value+'" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" >'+value+'</div></div>';
        }else{
            return '<div class="progress progress-striped active"><div class="progress-bar progress-bar-info" style="width:100%" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" >'+value+'</div></div>';
        }
    }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文