一起来学Ext js(一)

刚入门首先我们不需要急于看代码,应该首先对Ext进行了解.

我先说下,在我这几天的学习路程.

   以前做SSH多了,大部分都是同步的操作,要明白的是,现在Ext 是基于ajax的框架.所以,不能在以以前的开发思路,用一个ajax的请求做了处理后还跳转到另一个页面,这是一个错误的思路.

 同时我们应该学会看资料,当把源文件下载下来后/docs目录上,有关API以及一些例子都可以参考.EXT个人觉得它是一个是一个基于面向对象的开发模式的.

比如说,我可以先把是所有的form表单先new出来,然后再添加至容器中去.

在文档中类的具体可以找到的类就对应的属性就不说了,刚开始学的时候,老看有xtype,还真有些迷惑,应用API 的Conponent原话:

xtype            Class
-------------    ------------------
button           Ext.button.Button
buttongroup      Ext.container.ButtonGroup
colorpalette     Ext.picker.Color
component        Ext.Component
container        Ext.container.Container
cycle            Ext.button.Cycle
dataview         Ext.view.View
datepicker       Ext.picker.Date
editor           Ext.Editor
editorgrid       Ext.grid.plugin.Editing
grid             Ext.grid.Panel
multislider      Ext.slider.Multi
panel            Ext.panel.Panel
progressbar      Ext.ProgressBar
slider           Ext.slider.Single
splitbutton      Ext.button.Split
tabpanel         Ext.tab.Panel
treepanel        Ext.tree.Panel
viewport         Ext.container.Viewport
window           Ext.window.Window

Toolbar components
---------------------------------------
pagingtoolbar    Ext.toolbar.Paging
toolbar          Ext.toolbar.Toolbar
tbfill           Ext.toolbar.Fill
tbitem           Ext.toolbar.Item
tbseparator      Ext.toolbar.Separator
tbspacer         Ext.toolbar.Spacer
tbtext           Ext.toolbar.TextItem

Menu components
---------------------------------------
menu             Ext.menu.Menu
menucheckitem    Ext.menu.CheckItem
menuitem         Ext.menu.Item
menuseparator    Ext.menu.Separator
menutextitem     Ext.menu.Item

Form components
---------------------------------------
form             Ext.form.Panel
checkbox         Ext.form.field.Checkbox
combo            Ext.form.field.ComboBox
datefield        Ext.form.field.Date
displayfield     Ext.form.field.Display
field            Ext.form.field.Base
fieldset         Ext.form.FieldSet
hidden           Ext.form.field.Hidden
htmleditor       Ext.form.field.HtmlEditor
label            Ext.form.Label
numberfield      Ext.form.field.Number
radio            Ext.form.field.Radio
radiogroup       Ext.form.RadioGroup
textarea         Ext.form.field.TextArea
textfield        Ext.form.field.Text
timefield        Ext.form.field.Time
trigger          Ext.form.field.Trigger

Chart components
---------------------------------------
chart            Ext.chart.Chart
barchart         Ext.chart.series.Bar
columnchart      Ext.chart.series.Column
linechart        Ext.chart.series.Line
piechart         Ext.chart.series.Pie

同时,刚开始跟着自带的例子走两步....先学学基础.