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中FieldSet的收缩和展开实例

Extjs中FieldSet的收缩和展开实例: FieldSet表单控件属于Ext.form.FieldSet的类,继承自:Ext.Panel,表示对某一组字段的标准容器,其中最主要的一个功能就是收缩...

ExtJs4入门之九: 补充Grid组件杂项

一:编辑事件 C层: //5.edit事件 /* "usergrid":{ edit:function(editor , e , options){...

EXTJS 4 树形表格组件使用示例

TreeStore中使用了一个 Ext.data.NodeInterface来表示数的节点;在TreeStore的setRootNode方法中会调用NodeInterface的decorate方法向T...

ExtJS4组件_form表单配置-属性-方法详解

1、Ext.form.Action   配置项:         success:执行成功后回调的函数,包括两个参数:form和action          failure:执行失败后回调...

基于ExtJS4的查询输入框组件

今天带给大家的是近期

ExtJS 4 组件化编程,动态加载,面向对象,Direct

 ExtJS4终于出了正式版,体验一下面官方推荐的向对象编程最佳实践过去的做法是new对象或者Ext.create一个对象,每个对象都要先实例化才能使用ExtJS4推荐定义类的时候均使用Ext.def...

Extjs4 封装echarts组件 2016.8.31

Extjs4自带的图形报表不够强大,所以有了封装echarts的想法。 举个栗子: http://blog.csdn.net/zdb330906531/article/category/11050...

ExtJS4组件_Grid配置-属性-方法详解-案例

1、Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn...

Extjs4 日期+时分秒组件datetimefield

截止目前最新的Ext-4.2.1.883版本,分别提供日期组件(xtype:'datefield')和时间组件(xtype:'timefield'),却没有提供日期+时分秒组件。 搜索到的牛人扩...
  • fengoh
  • fengoh
  • 2014年07月29日 09:44
  • 2034

Extjs4中up()和down()的用法以及组件查找_ComponentQuery类

Extjs4中up()和down()的用法 Extjs4.x中,新增加了两个方法up()和down()方法。这两个方法都是用来获取组件的,下面我们来看下官方解释。 up( Stri...
  • cswhale
  • cswhale
  • 2014年01月17日 12:51
  • 11026
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ExtJS4 组件收缩
举报原因:
原因补充:

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