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



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

你可能感兴趣的:(浏览器,ext)