[EXT.NET]Grid之百分比

Ext.Net
专注与Ext.Net 控件用法,分享优秀JS库。
厦门德仔

CSS

body {  
font-size: 12px;  
}  
.ProgressBar {  
position: absolute;  
width: 100px;    /* 宽度 */ 
border: 0px solid #B1D632;  
padding: 0px;  
}  
.ProgressBar div {  
display: block;  
position: absolute;  
background: #B1D632;  
color: #333333;  
height: 15px; /* 高度 */ 
line-height: 15px;  /* 必须和高度一致,文本才能垂直居中 */ 
}  
.ProgressBar div span {   
position: absolute;  
width: 100px; /* 宽度 */ 
text-align: center;  
font-weight: bold;  
} 

JS;

    <script type="text/javascript">
        var template = '<div class="ProgressBar"><div style="width: {0}%;"><span>{0}%</span></div></div>';
        function bfb(value) {
            return String.format(template, value).toString();
        }  

    </script>


HTML:

                <ext:Column Header="百分比" DataIndex="DEPTNO" Width="101">
                    <Renderer fn="bfb" />
                </ext:Column>



©️2020 CSDN 皮肤主题: 鲸 设计师: meimeiellie 返回首页
实付99.00元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值