初探Extjs

1、obj.render("id");将obj对象显示在id为id的HTML标签上。
2、Ext.MessageBox.alert('title', 'content'); alert框
3、Ext.window({title:, width:,height:, html:});可以移动的组件
4、Ext.Panel();面板。Ext.TabPanel();
5、所有的组件都继承自Ext.Component,
6、注册事件Ext.get('btnAlert').addListener('clicke', a);或者Ext.get('').on('click', on);click事件， a函数
每个组件都有beforedestroy函数， 如果返回false时不会销毁组件。
Ext.Viewport()整个浏览器的现实区域
ext组件由Component定义，结构图如下

Ext.Component
Ext.BoxComponent
[color=red]|[/color] Ext.Button
[color=red]|[/color] [color=brown]|[/color] Ext.SplitButton
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.CycleButton
[color=red]|[/color] Ext.Container
[color=red]|[/color] [color=brown]|[/color] Ext.Panel
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.ButtonGroup
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.TabPanel
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.Tip
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] Ext.ToolTip
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] | Ext.QuickTip
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] Ext.slider.Tip
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.Window
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.form.FieldSet
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.form.FormPanel
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.grid.GridPanel
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.grid.EditorGridPanel
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] | Ext.grid.PropertyGrid
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] Ext.grid.PivotGrid
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.tree.TreePanel
[color=red]|[/color] [color=brown]|[/color] Ext.Toolbar
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.PagingToolbar
[color=red]|[/color] [color=brown]|[/color] Ext.Viewport
[color=red]|[/color] [color=brown]|[/color] Ext.menu.Menu
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.menu.ColorMenu
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.menu.DateMenu
[color=red]|[/color] Ext.DataView
[color=red]|[/color] [color=brown]|[/color] Ext.list.ListView
[color=red]|[/color] Ext.FlashComponent
[color=red]|[/color] [color=brown]|[/color] Ext.chart.Chart
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.chart.CartesianChart
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] Ext.chart.BarChart
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] Ext.chart.ColumnChart
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] Ext.chart.LineChart
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] Ext.chart.StackedBarChart
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] Ext.chart.StackedColumnChart
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.chart.PieChart
[color=red]|[/color] Ext.ProgressBar
[color=red]|[/color] Ext.Spacer
[color=red]|[/color] Ext.Toolbar.Item
[color=red]|[/color] [color=brown]|[/color] Ext.Toolbar.Separator
[color=red]|[/color] [color=brown]|[/color] Ext.Toolbar.Spacer
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.Toolbar.Fill
[color=red]|[/color] [color=brown]|[/color] Ext.Toolbar.TextItem
[color=red]|[/color] Ext.form.Field
[color=red]|[/color] [color=brown]|[/color] Ext.form.Checkbox
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.form.Radio
[color=red]|[/color] [color=brown]|[/color] Ext.form.CheckboxGroup
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.form.RadioGroup
[color=red]|[/color] [color=brown]|[/color] Ext.form.CompositeField
[color=red]|[/color] [color=brown]|[/color] Ext.form.DisplayField
[color=red]|[/color] [color=brown]|[/color] Ext.form.Hidden
[color=red]|[/color] [color=brown]|[/color] Ext.form.HtmlEditor
[color=red]|[/color] [color=brown]|[/color] Ext.form.SliderField
[color=red]|[/color] [color=brown]|[/color] Ext.form.TextField
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.form.NumberField
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.form.TextArea
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] Ext.form.TriggerField
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] Ext.form.ComboBox
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] | Ext.form.TimeField
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] Ext.form.DateField
[color=red]|[/color] [color=brown]|[/color] [color=black]|[/color] [color=red]|[/color] Ext.form.TwinTriggerField
[color=red]|[/color] Ext.form.Label
[color=red]|[/color] Ext.slider.MultiSlider
[color=red]|[/color] [color=brown]|[/color] Ext.slider.SingleSlider
Ext.ColorPalette
Ext.DatePicker
Ext.Editor
[color=red]|[/color] Ext.tree.TreeEditor
Ext.PivotAxis
Ext.menu.BaseItem
[color=red]|[/color] Ext.menu.Item
[color=red]|[/color] [color=brown]|[/color] Ext.menu.CheckItem
[color=red]|[/color] Ext.menu.Separator
[color=red]|[/color] Ext.menu.TextItem


renderTo:"ID"将此组件渲染到id=ID的容器内， 内部元素的后面，
applyTo:"ID"...................的后面。