Panel的layout属性

extjs的容器组件都可以设置它的显示风格,它的有效值有 absolute, accordion, anchor, border, card, column, fit, form , table. 一共9种。

  • absolute

顾名思义,在容器内部,根据指定的坐标定位显示

  • accordion
Ext.OnReady(function(){
var panel=new Ext.Panel(//Ext.formPanel就是Panel中用了form布局
      {
       renderTo:‘paneldiv‘,
       title:‘容器组件‘,
       layout:‘accordion‘,
       width:500,
       height:200,
       layoutConfig:{animate:false},
       items:[
        {title:‘元素1‘,html:‘‘},
        {title:‘元素2‘,html:‘‘},
        {title:‘元素3‘,html:‘‘},
        {title:‘元素4‘,html:‘‘}
       ]
      }
     );
});

详见:http://www.cnblogs.com/mingforyou/p/4119200.html

时间: 2024-11-09 02:09:41

Panel的layout属性的相关文章

[ExtJS5学习笔记]第十五节 Extjs5表格显示不友好?panel的frame属性在作怪

本文地址:http://blog.csdn.net/sushengmiyan/article/details/39057243 sencha官方API:http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.grid.Panel-cfg-store 本文作者:sushengmiyan -----------------------------------------------------------------------------------

android layout 属性大全

第一类:属性值为true可false android:layout_centerHrizontal 水平居中 android:layout_centerVertical 垂直居中 android:layout_centerInparent 相对于父元素完全居中 android:layout_alignParentBottom 贴紧父元素的下边缘 android:layout_alignParentLeft 贴紧父元素的左边缘 android:layout_alignParentRight 贴紧父

Scala界面Scala界面Panel、Layout实战

学习了Scala界面Scala界面Panel.Layout实战详解,Panel是一个容器,有很多子类,复写了方法top,定义了button和label,在BoxPanel中加入button和label例子如下 Import  scala.swing._ Object  GUI_Panel_Layout extends simpleswingApplication{ def top =new MaiFram{ Title=”Second GUI” Val button=new Button{ Te

panel的autoscroll属性不起作用

已经设置panel的autoscroll属性为true,而且panel内 的控件也达到了应该滚动的地步,但是就是不见滚动条.这是为什么呢? 原因就是richtextbox的anchor属性设置了bottom. 改为top,left 滚动条正常出现.

Android:layout属性大全

Android layout属性大全 第一类:属性值 true或者 false android:layout_centerHrizontal 水平居中android:layout_centerVertical 垂直居中android:layout_centerInparent 相对于父元素完全居中android:layout_alignParentBottom 贴紧父元素的下边缘android:layout_alignParentLeft 贴紧父元素的左边缘android:layout_alig

Extjs中panel的 collapseMode 属性的应用,修改折叠箭头样式

panel中属性collapseMode可以实现面板的折叠,不过属性自带的折叠箭头不太容易辨识,通过修改实现如下展现样式 具体代码实心如下: Ext.onReady(function(){ var mainPanel=Ext.create('Ext.panel.Panel',{ title:'主信息', //  collapsible:false, //  layout:'border', height:300, region:'center' }); var linePanel=Ext.cre

jQuery Mobile panel的相关属性

参考网站:http://www.lampweb.org/jquerymobile/19/64.html 面板 data-role="panel" 在一个 jQuery Mobile “page”中,面板与“header”.“footer”.“content”,必须是兄弟元素.可以在它们之前或之后添加面板的标记,但不在它们中间添加.注:此约束将在未来的版本中删除. <div data-role="page"> <div data-role="

IE的layout属性详解

要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念.大多 IE下的显示错误,就是源于 haslayout. 什么是 haslayout ? haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分.在Internet Explorer中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容.为了调节这两个不同的概念,渲染引擎采用 了 hasLayout 的属性

layout属性

RelativeLayout 第一类:属性值为true可false android:layout_centerHrizontal        水平居中 android:layout_centerVertical         垂直居中 android:layout_centerInparent         相对于父元素完全居中 android:layout_alignParentBottom     贴紧父元素的下边缘 android:layout_alignParentLeft