`
peizhiinfo
  • 浏览: 1426318 次
文章分类
社区版块
存档分类
最新评论

ExtJS 控件的基础 Panel

 
阅读更多

面板Panel 是ExtJS 控件的基础，很高级控件都是在面板的基础上扩展的，还有其它大多数控件也都直接或间接有关系。

应用程序的界面一般情况下是由一个一个的面板通过不同组织方式形成。

面板由以下几个部分组成，一个顶部工具栏、一个底部工具栏、面板头部、面板尾部、

面板主区域几个部分组件。面板类中还内置了面板展开、关闭等功能，并提供一系列可重

用的工具按钮使得我们可以轻松实现自定义的行为，面板可以放入其它任何容器中，面板本

身是一个容器，他里面又可以包含各种其它组件。

面板的类名为Ext.Panel，其xtype 为panel，下面的代码可以显示出面板的各个组成部

分：



效果如下:


一般情况下，顶部工具栏或底部工具栏只需要一个，而面板中一般也很少直接包含按钮，一般会把面板上的按钮直接放到工具栏上面。在上面的代码修改一句话:



效果图如下:



分享到：
| ExtJS的入门第一个程序
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    extjs 常用控件的使用 table layout

    用户信息添加的表单　内有效果图 extjs 常用控件的使用 table layout 作业9

    CooliteToolkit(ExtJS可视化控件)Demo

    从页面布局和使用的控件TextBox,Combox，Button，ToolBar，StateBar，Panel，TabPanel，ExplorerBar,MenuBar,PictureBox都用统一的样式非常方便的配置，基本不需要额外美工处理，同时支持ajax无刷新效果。

    extjs4的Ext.frorm.Panel控件属性说明和表单控件说明

    主要用例子说明extjs4的form表单的运用，其中有表单属性说明，表单控件运用说明如： title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...

    Extjs4.1.1

    第四讲.ExtJS最常用的表单之textfield控件 第五讲.ExtJs最常用表单组件Number、CheckBox、Radio 第六讲.ExtJs最常用表单组件ComboBox、time、date 第七讲.ExtJS面板Panel 第八讲.EXtJS布局模式-Auto布局、Fit...

    自定义ExtJS控件之下拉树和下拉表格附

    简介 在Ext官方的例子中只有下拉列表控件，但是在实际业务中只有下拉列表无法满足需求的，像下拉树和下拉表格都是很常见的控件，对于刚使用Ext的人来说... //创建树控件 var picker = Ext.create(‘Ext.tree.Panel’,

    CooliteToolkit(ExtJS可视化控件)Demo v0.8.0.rar

    从页面布局和使用的控件TextBox,Combox，Button，ToolBar，StateBar，Panel，TabPanel，ExplorerBar,MenuBar,PictureBox都用统一的样式非常方便的配置，基本不需要额外美工处理，同时支持ajax无刷新效果。...

    深入浅出Extjs4.1.1

    4、ExtJS最常用的表单之textfield控件4 |4 ]8 ~/ d3 Y& k# X 5、ExtJs最常用表单组件Number、CheckBox、Radio* s, r% ~+ k; y# W 6、ExtJs最常用表单组件ComboBox、time、date 7、ExtJS面板Panel t1 E( w8 g6 ?/ L' ...

    extjs php 显示 登陆用户的js方法

    extjs php 在js文件中显示登陆用户的方法

    ExtJS4.1学习心得及源码

    ExtJS4.1学习心得及源码 目录 一、安装与配置 ...六、ComboBox控件 七、Panel面板 八、Viewport 九、表单Form 十、窗口 十一、消息对话框 十二、ExtJS与Webservice应用 十三、自定义组件 十四、地图

    ExtJs4_笔记.docx

    三、在extjs控件上使用提示 59 第八章 Ext.slider 滚轴控件、 Ext.ProgressBar 进度条控件、 Ext.Editor 编辑控件 61 一、滚轴控件 Ext.slider 61 二、进度条控件 Ext.ProgressBar 64 三、编辑控件 Ext.Editor 68 第...

    Extjs面板和布局

    本书主要介绍了，如何在extjs中布局，以及对一些Panel控件做了详细的介绍....

    extjs_demo:这个是一个ext比较全的案例 有基本的控件Tree,Panel,Form,chart几部分

    extjs_demo 这个是一个ext比较全的案例 有基本的控件Tree,Panel,Form,chart几部分 这是一个学习的教程！ 自己学习extjs的代码 目录 1、Form 2、Tree 3、Panel 4、Chart 5、Desktop

    深入浅出ExtJS第2版

    深入浅出ExtJS第2版+源码..1　下载EXT发布包 1 1.2　如何查看EXT自带的API和示例 1 1.3　为什么有些示例必须放在服务器上 才能看到效果 2 1.4　Hello World 2 1.4.1　直接使用下载的发布包 2 1.4.2　在项目中使用EXT...

    精通JS脚本之ExtJS框架.part2.rar

    5.1.5 Ext.Panel 5.1.6 Ext.TabPanel 5.2 信息提示框组件 5.2.1 Ext.MessageBox简介 5.2.2 Ext.MessageBox.alert() 5.2.3 Ext.MessageBox.confirm() 5.2.4 Ext.MessageBox.prompt() 5.2.5 Ext....

    ExtJs6.5 日历导航+日历月视图面板.rar

    ExtJs6的 mordern 版的【日历导航+月视图控件】里面的ajax部分需要自己根据自身系统的框架进行处理，详细的一些细节还没处理，整体逻辑可以参考。

    基于extjs的.NET3.5控件Coolite 1.0.0.34580(Preview预览版）

    基于extjs的.NET3.5控件Coolite 1.0.0.34580 (Preview预览版）， *************************************************** * Version 1.0.0 升级日志 * *************************************************** 1. ...

    精通JS脚本之ExtJS框架.part1.rar

    5.1.5 Ext.Panel 5.1.6 Ext.TabPanel 5.2 信息提示框组件 5.2.1 Ext.MessageBox简介 5.2.2 Ext.MessageBox.alert() 5.2.3 Ext.MessageBox.confirm() 5.2.4 Ext.MessageBox.prompt() 5.2.5 Ext....

    ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    使用Ext.Viewport搭一个简单布局(用一个小例子来总结本文所有内容) 面板是ExtJs控件的基础，很多控件都是在面板的基础上扩展的，或者他会与其他控件之间有关系。 面板由一个工具栏、一个底部工具栏、面板头部、面板...

    简单地图插件源码(ExtJS/Javascript)

    这就是个简单的地图控件，可以根据经纬度确定点的坐标，并触发相应的事件。 其实还可以实现一些其他功能。 只不过这个控件是最适合客户那边...把所有繁琐的东西，全部扔给别人做Panel，我刷新这个Panel就好，哈哈哈哈

    ExtJs2.0简明教程

    …6 第二章 Ext框架基础及核心简介………………………………………………………………………………….……8 2.1 Ext类库简介…………………………………………………………………………………………………....

Magicbox
Global site tag (gtag.js) - Google Analytics