[EXT.NET]Grid之百分比

最新推荐文章于 2019-10-19 15:32:20 发布

厦门德仔

最新推荐文章于 2019-10-19 15:32:20 发布

阅读量2.5k

点赞数 1

分类专栏： Ext.Net 文章标签： div border header function class

本文链接：https://blog.csdn.net/david_520042/article/details/7907775

版权

Ext.Net 专栏收录该内容

124 篇文章 9 订阅 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文探讨了如何在EXT.NET的Grid组件中使用CSS和JS实现百分比布局，包括div、border、header的调整以及自定义function和class的应用。

摘要由CSDN通过智能技术生成

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>';
        fun