`
mwxx
  • 浏览: 12196 次
  • 性别: Icon_minigender_1
  • 来自: 山东
社区版块
存档分类
最新评论

ExtJS collapsible同时隐藏标题栏

 
阅读更多



 
目标效果如图,最上面的panel不显示标题栏,并且在分割条上显示收缩按钮,点击按钮可以隐藏上面的panel。

{
	xtype: 'panel',
	region: 'north',
	height: 100,
	header: false,	//**隐藏标题栏
	collapsible: true,	//可折叠
	split: true,	//显示拖动条
	html: '<h2>系统logo</h2>'
}

 



 

  • 大小: 185 KB
分享到:
评论

相关推荐

    extjs4中panel的accordion布局以及treepanel导航

    3. `header`属性默认为`true`,表示子Panel会有标题栏,标题栏上通常会有展开/折叠按钮。若不需要标题栏,可以设置为`false`。 4. `collapsible`属性控制是否可以折叠Panel,但在accordion布局中,这个属性是不必要...

    Extjs生成主界面

    - **Title**:设置为“菜单”,这将是导航栏的标题。 - **Split**:设置为`true`,表示允许通过拖动调整宽度。 - **Width**:设置为`200`,作为默认宽度。 - **MinWidth**:设置为`200`,最小宽度。 - **Max...

    ExtJs部署及使用方法

    在这个例子中,我们创建了一个名为`mainPanel`的TabPanel,其包含多个子面板,每个子面板都有自己的标题、布局和其他属性。通过`addTab`函数可以动态添加新的Tab,并且每个Tab都可以通过iframe加载不同的页面。 ...

    ExtJS面板学习笔记(带有运行效果)

    - `titleCollapse`:如果设置为`true`,点击标题栏的任意位置都会使Panel折叠,默认为`false`。 - `applyTo`:指定Panel渲染到的HTML元素ID。 - `contentEl`:指定将哪个HTML元素的内容呈现到Panel中。 - `...

    基于EXTJS简明教程2.0的笔记

    7. **Ext.Panel组件** 是构建BS系统的基础,包含顶部工具栏(tbar)、底部工具栏(bbar)和按钮区(buttons)。通过这些区域可以添加各种操作按钮。 8. **Tools:[]属性** 用于在面板上添加工具按钮,例如关闭、最大...

    extjs相关

    - **tbar**: 设置顶部工具栏,包括一些工具栏项如 **displayfield**。 以上就是从给定文件中提取的主要知识点,这些知识点涵盖了ExtJS中一些重要的布局管理、面板构造以及标签页管理等功能。通过这些内容,我们可以...

    搜集来的ext布局材料

    - `title` 属性用于设置面板的标题。 - `html` 属性用于定义面板内的HTML内容。 - `collapsible` 属性决定面板是否可折叠。 - `width` 和 `height` 属性用于设置组件的尺寸。 通过这些布局和配置,EXTJS开发者...

    Ext树例子

    3. 创建`Ext.tree.Panel`实例,设置其配置项,如树的标题、工具栏、列配置等。同时,通过`store`属性绑定到之前创建的TreeStore。 4. 在页面上渲染树。 下面是一个简单的Ext树的例子代码片段,演示了如何创建一个...

    jQuery前端开发实战教程.docx

    例如,`$("div").show().is(:animated)`会在元素可见并正在执行动画时隐藏元素,而`$("div").hide(1000)`则会让元素以1秒的动画效果隐藏。 3. 链式编程:在jQuery中,`$.fn`是`jQuery.prototype`的简写,可以通过在...

    extgrid属性[文].pdf

    在软件开发中,特别是在构建用户界面时,ExtJS是一个常用且强大的JavaScript库,它提供了丰富的组件,例如Ext.grid,用于创建交互式的表格视图。在处理Ext.grid时,理解其属性、方法和事件是至关重要的。以下是对...

Global site tag (gtag.js) - Google Analytics