EXT--Ext.layout.container.Column布局

最新推荐文章于 2017-06-10 17:11:33 发布

原创最新推荐文章于 2017-06-10 17:11:33 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

EXT 专栏收录该内容

38 篇文章

订阅专栏

本文展示了如何使用Ext JS库实现Column布局，并通过创建两个子面板来展示其用法。

<script type="text/javascript"> 
Ext.onReady(function(){ 
  Ext.create('Ext.panel.Panel',{ 
  layout:'column', 
  title:'Ext.layout.conatiner.Column布局示例', 
  frame:false, 
  height:150, 
  width:300, 
  renderTo:Ext.getBody(), 
  defaults:{ 
  frame:true, 
  height:70, 
  width:100, 
  bodyStyle:'background-color:#FFFFFF;padding:15px' 
  }, 
  items:[{ 
    title:'子面板一', 
    width:100 
  },{ 
  title:'子面板二', 
   width:100 
  }] 
  
  }); 
}); 
</script>

开发者博客：www.developsearch.com