ExtJS4 组件收缩

原创 2016年08月29日 15:31:42

效果图:


Ext.define('V5.test.view.Viewport', {
extend : 'Ext.container.Viewport',
layout : 'border',
requires : ['V5.test.view.Tview'],
items : [{
split : true,
collapsible : true,
hideCollapseTool : true,
collapseMode : 'mini',

xtype : 'tview',
width : 175,
region : 'west'
}, {
xtype : 'testGrid',
region : 'center'
}]
});

注:通过点击小三角来收缩或展开左侧视图












版权声明:本文为博主原创文章,未经博主允许不得转载。

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

panel中属性collapseMode可以实现面板的折叠,不过属性自带的折叠箭头不太容易辨识,通过修改实现如下展现样式     具体代码实心如下: Ext.onReady(function(){ ...
  • afei3418
  • afei3418
  • 2015年07月17日 23:35
  • 1614

如何修改EXTJS的collapseMode : 'mini'样式(未解决)

collapseMode : 'mini'默认是个小箭头,箭头好小,不知道在哪个CSS文件里修改它的样式。。。。。。。。。。...
  • dingherry
  • dingherry
  • 2011年09月21日 22:18
  • 3414

Extjs Api 隐藏的内容---Panel组件的伸缩(collapsed)(

 1.迷你型的伸缩: collapseMode:'mini', 2.标准伸缩(面板缩放后点击,则临时弹出组件,鼠标移出则自动缩放): collapsible:true, 3.仅点...
  • shopharZFJ
  • shopharZFJ
  • 2014年12月21日 16:10
  • 1174

Extjs-panel-collapse 相关属性使用记录

panel下的border布局,center和east又是两个panel。未配置collapsible,双击east的左边框依然可以展开。此时的east配置(上如是我双击east的左边框的结果): ...
  • qq_30679953
  • qq_30679953
  • 2016年05月16日 21:05
  • 2158

ExtJS4 form组件收缩

效果图 添加属性:collapsible Ext.define('V5.projectinfo.view.Left', { extend : 'Ext.form.Panel', col...
  • qq_17505335
  • qq_17505335
  • 2016年08月17日 11:17
  • 184

extJs 树展开却不能收缩

由于某些父id和子id重复而造成的,特此记录
  • hero5460
  • hero5460
  • 2011年07月13日 08:39
  • 649

Extjs 自定义组件注册3.x是reg 而4.x是define

//Ext JS 3.x class definition MyApp.LoginWindow = Ext.extend(Ext.Window, {     title: 'Log in',  ...
  • jazywoo123
  • jazywoo123
  • 2012年07月18日 17:08
  • 2550

Extjs4中grid的增删改操作

Ext.define('JCY.app.controller.UserController',{ extend:'Ext.app.Controller', alias:'widget.userCo...
  • jcy472578
  • jcy472578
  • 2013年12月03日 13:34
  • 1171

ExtJS4.2 - 从 Hello World 到 自定义组件 -01 (为爱女伊兰奋斗)

ExtJS4.2 - 从 Hello World 到 自定义组件 - 01 经验、概述、项目搭建、国际化、HelloWorld、布局                 —— 为爱女伊兰而奋斗    ...
  • nimmy
  • nimmy
  • 2013年06月18日 17:17
  • 16679

ExtJS4.07 分页组件pagingtoolbar

ExtJS4.07 分页组件 先看例子: var itemsPerPage = 2; // set the number of items you want per page var sto...
  • origin100
  • origin100
  • 2012年10月30日 13:49
  • 6922
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ExtJS4 组件收缩
举报原因:
原因补充:

(最多只允许输入30个字)