huawei_MCU的专栏

本篇讲解Ext另一个重要的概念：布局。一般的容器类控件都是通过配置项items添加子控件的，这些子控件相对于父控件怎么定位呢，这里就要用到布局。某些容器类控件，它本身默认就集成了一种布局方式，例如比较典型的是：Ext.container.Viewport 布局控件，它其实就是一个border布局的容器，还有Ext.form.Panel、Ext.tab.Panel等。本节我们系统的分析各种布局方式。

closable: false 是否可关闭 autoShow: true, 默认显示出窗体 resizable: true,是否可拖动窗体的大小 draggable: true是否可以拖动窗体 Simple Window Ext.onReady(function () { Ext.widget('button', {

一、从form中获取field的三个方法： １、Ext.getCmp('id'); ２、FormPanel.getForm().findField('id/name'); ３、Ext.get('id/name');//前提是FormPanel在界面上显示出来了。   二、ExtJS如何给textfield赋值的三个方法： var value="值"; １、

var modify = Ext.create('Ext.form.Panel', {......} 当用Ext.form.Panel来修改某条记录时，重置按钮里面的handler里面写的方法modify.getForm().reset()无法重置，而是清空form，在实际用应用的时候，不够人性化。因为一般用户在修改信息的时候，可能填错了，需要看到修改之前的信息内容，而清空显然不行。 go

基本组件： xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton

extjs框架中由于id导致的各种异常，比如组件中文字重叠等问题，如图： 而且确认密码是否一致功能也失效，主要原因是Ext.getCmp(‘id’),在组件关闭时并未销毁导致(EXTJS基本上是靠ID来识别组件的，假如你在panel1中有个ID:"keyword"的textfield，而panel2中有个ID相同的textfield ，那么，当你关闭panel2，由于extjs发