`
yadsun
  • 浏览: 180288 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

ExtJS--使用Border布局时注意

 
阅读更多
  直接翻的API,虽然API中有写,但我刚开始却没注意到以至后来出现问题头疼半天,最后去查API才看到有,现在翻一下加深印象

  1 使用Border布局的容器必须有一个子件在'中心'区域(region:'center')。中心区域的子件将会自动改变尺寸来填充Border布局中没有被使用的其他区域的空间。(如果不指定会报uncaught exception: No center region defined in BorderLayout XXX异常)
  2 任何west或east区域的子件都必须定义宽度(一个整数代表该区域占用的像素)(如果不指定布局不起作用,并且还会报col is null的错)
  3 任何north或south区域的子件都必须定义高度
  4 Border布局的所有区域在被渲染时以及此之后就固定了,其子组件可能无法删除或添加。
  5 要添加/删除Border布局内的组件,它们必须是被一个额外的由Border布局直接管理的容器所封装。如果该区域是可收起的(collapsible:true),Border布局管理器直接使用的容器应该是一个Panel。

希望踩的朋友也能留下宝贵批评意见,也能使我从中有所收获不断进步,不甚感激!

分享到:
评论
4 楼 yadsun 2010-01-22  
ahopedog2 写道
如果Border布局的浮动面板的收起方式能去掉动画就更好了

可以设置填充在border中的容器的animCollapse属性为false即不要动画效果
3 楼 ahopedog2 2010-01-20  
如果Border布局的浮动面板的收起方式能去掉动画就更好了
2 楼 yadsun 2010-01-15  
yy67906927 写道
有广告贴的嫌疑?

谢谢提醒,昨天刚琢麿出如何发广告一时兴奋忘记论坛规则了,刚刚又补习了一下,现已将所有论坛帖广告删除!
1 楼 yy67906927 2010-01-15  
有广告贴的嫌疑?

相关推荐

    ExtJS布局之border实例

    ExtJS布局之border实例,有代码 border布局是常见的布局样式,下面是一个实际项目的示例,比较简单,仅供初学者参考。

    ExtJs常用布局--layout详解实例代码

    ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...

    Extjs4.1.1

    第十一讲.ExtJS布局模式-Box布局、使用ViewPort布局首页 第十二讲.ExtJS之Ext常用函数 第十三讲.ExtJS之Ext常用函数(二) 第十四讲.初识Ajax 第十五讲.ExtJS对Ajax支持-注册用户实例 第十六讲.ExtJS对Ajax...

    ExtJS布局之border实例中文WORD版

    资源名称:ExtJS布局之border实例 中文WORD版内容简介:border布局是常见的布局样式,本文档中一个实际项目的示例,比较简单,仅供初学者参考。感兴趣的朋友可以过来看看资源截图: 资源太大,传百度网盘了,链接在...

    学习ExtJS border布局

    ExtJS border布局使用说明,需要的朋友可以参考下。

    EXTJS4自学手册

    EXTJS4自学手册——EXT容器布局(Fit,Card,Border) EXTJS4自学手册——EXT组件布局 四、Extjs页面控件 EXTJS4自学手册——页面控件(表格) EXTJS4自学手册——页面控件(表格的特性属性) EXTJS4自学手册——页面...

    ExtJS5-一个简洁完整的后台管理系统入门实例

    4、通过实现角色管理、用户管理两个基础的功能模块,演示了Viewport、Container、Panel、TreePanel、Grid、Window、Form等常用组件的用法,以及border、column、form、fit、hbox等常用布局方式; 5、通过自定义一个...

    ExtJS 2.0实用简明教程

    7)Border区域布局 8)ExtJS的组件 9)Column列布局 10)组件的使用 11)Fit布局 12)Form布局 13)组件的配置属性 14)Accordion布局 15)事件处理 16)Card布局 17)Pable布局及其它布局 18)工具栏Toolbar 19)选项面板...

    基于ExtJS3的后台管理系统模板

    3、通过实现角色管理、用户管理、部门管理三个基础的功能模块,演示了Viewport、Container、Panel、Grid、Window、Form、Tree等常用组件的用法,以及border、column、form、fit、accordion、hbox等常用布局方式;...

    ExtJS 2.0实用简明教程 之Border区域布局

    该布局把容器分成东南西北中五个区域,分别由east,south, west,north, cente来表示,在往容器中添加子元素的时候,我们只需要指定这些子元素所在的位置,Border布局会自动把子元素放到布局指定的位置。看下面的...

    表单布局实例

    border布局是常见的布局样式,下面是一个实际项目的示例,比较简单,仅供初学者参考。   前两天遇到一个border布局的界面问题,如下: west是一个tree a,center是一个tree b和一个Panel,如下图  

    ExtJSWeb应用程序开发指南(第2版)

    5.2.1 0Border边框布局 5.2.1 1Box盒布局 5.3 使用ViewPort 5.4 Ext.tab.Panel页签 5.5 本章小结 第6章 常用工具类与函数 6.1 非常有用的Ext.core.Element 6.2 Ext常用函数 6.2.1 Ext.onReady() 6.2.2 ...

    EasyUI 最新版本

    一款强大脚本类库 jQuery EasyUI---LayOut页面布局,可以将整个页面划分成几个区域。类似ExtJS中的Border布局。

    前端项目-jquery-layout.zip

    前端项目-jquery-layout,布局管理的jquery插件(extjs border layout的jquery版本)。

    Ext10种布局

    ExtJS2.0一共包含十种布局,常用的布局有border 、 column 、 fit 、 form 、 card 、 tabel等布局

    layout.border:html的边框布局

    经常用到上下左右,中间填充满这样的布局,在java swing中有BorderLayout,HTML中通常使用CSS来实现布局,但要实现border layout这样的效果有些麻烦,很多第三方实现,比如easyui, extjs,功能过于强大,我只是想要...

    ExtJs2.0简明教程

    ……………………………………………………………………………………………………26 5.2 Border区域布局……….…………………………………………………………………………………………….27 5.3 Column列布局...

Global site tag (gtag.js) - Google Analytics