原创

[EXT.NET]Grid之百分比

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://david.blog.csdn.net/article/details/7907775

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>



文章最后发布于: 2012-08-25 21:32:21
展开阅读全文
0 个人打赏
私信求帮助

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 鲸 设计师: meimeiellie

分享到微信朋友圈

×

扫一扫,手机浏览