Ext BoxComponent详解编程语言

Ext.BoxComponent也是一个比较重要的基础类,它直接继承自Ext.Component,并实现了定位和控制自身大小的功能。

可以使用pageX、pageY、x、y为Ext.BoxComponent指定具体的坐标,也使用width和height为Ext.BoxComponent指定长度和宽度,或者使用autoHeight和autoWidth让Ext.BoxComponent根据本身的内容自动调整长度和高度。

<HTML>  
<HEAD>  
<TITLE>布局</TITLE>  
<link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" />  
<script type="text/javascript" src="Ext/ext-base.js"></script>  
<script type="text/javascript" src="Ext/ext-all.js"></script>  
<script type="text/javascript" src="Ext/ext-lang-zh_CN.js" charset="utf-8"></script>  
</HEAD>  
<script type="text/javascript">  
    Ext.onReady(function() {   
        var box = new Ext.BoxComponent( {   //设置BoxComponent属性的配置   
            region: 'b1',   
            el: 'b1',   
            style: 'background-image: url(Ext/2013-08-26_113613.png); position: absolute;',   
            pageX: 0, 
            //pageX: 630, 
            pageY: 0, 
            //pageY: 260, 
            width: 228,   
            height: 182   
        });   
        box.render();   
     });   
</script>  
<BODY>  
    <div id="b1"></div> 
</BODY>  
</HTML>

 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/industrynews/13243.html

(0)
上一篇 2021年7月19日 15:36
下一篇 2021年7月19日 15:37

相关推荐

发表回复

登录后才能评论