ExtJsへの道

　まずこのブログを立ち上げようと思ったきっかけから。
現在、Ajaxがグングンとメインストリームに踊りでてきています。
Ajaxのライブラリもグングンと認知され始めてきています。
とはいえ、まだまだ書籍やサイトなどはAjaxという一括りにしてしまい、ExtJsに特化した書籍やサイトなどは
あまり見当たらないのが現状です。
小生もまだまだExtJsはおろかAjaxも触れ始めたばかりであり、このブログと共に自身も歩めたら幸いと考えております。
~~なおこのブログは、特に注意がなければExtJS1.1を利用しています（2008/1/24）~~
特に注意がなければ2.0以降のExtJSを利用しています（2008/12/17以降）

ブログ画像一覧を見る

このブログをフォローする

1 | 2 | 3 | 4 | 5 | 最初次のページへ >>

ExtJSのコンポーネント一覧

ExtJSは以下のコンポーネントを持ちます。



xtype            Class

-------------    ------------------

box              Ext.BoxComponent

button           Ext.Button

colorpalette     Ext.ColorPalette

component        Ext.Component

container        Ext.Container

cycle            Ext.CycleButton

dataview         Ext.DataView

datepicker       Ext.DatePicker

editor           Ext.Editor

editorgrid       Ext.grid.EditorGridPanel

grid             Ext.grid.GridPanel

paging           Ext.PagingToolbar

panel            Ext.Panel

progress         Ext.ProgressBar

propertygrid     Ext.grid.PropertyGrid

slider           Ext.Slider

splitbutton      Ext.SplitButton

statusbar        Ext.StatusBar

tabpanel         Ext.TabPanel

treepanel        Ext.tree.TreePanel

viewport         Ext.Viewport

window           Ext.Window



Toolbar components

---------------------------------------

toolbar          Ext.Toolbar

tbbutton         Ext.Toolbar.Button

tbfill           Ext.Toolbar.Fill

tbitem           Ext.Toolbar.Item

tbseparator      Ext.Toolbar.Separator

tbspacer         Ext.Toolbar.Spacer

tbsplit          Ext.Toolbar.SplitButton

tbtext           Ext.Toolbar.TextItem



Form components

---------------------------------------

form             Ext.FormPanel

checkbox         Ext.form.Checkbox

combo            Ext.form.ComboBox

datefield        Ext.form.DateField

field            Ext.form.Field

fieldset         Ext.form.FieldSet

hidden           Ext.form.Hidden

htmleditor       Ext.form.HtmlEditor

label            Ext.form.Label

numberfield      Ext.form.NumberField

radio            Ext.form.Radio

textarea         Ext.form.TextArea

textfield        Ext.form.TextField

timefield        Ext.form.TimeField

trigger          Ext.form.TriggerField

Gridの項目タイプの定義

Gridの項目タイプは、以下のようにデータ定義の際に定義します。

var ds = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(myData),
reader: new Ext.data.ArrayReader({}, [
{name: 'productName'},
{name: 'productCode'},
{name: 'price', type: 'float'},
{name: 'createdDate', type: 'date', dateFormat: 'n/j h:ia'}
])
});

ExtJsが動作するのに必要なファイル

ExtJSが動作する最低限必要なファイルとして、JavaScriptとCSSそれぞれ以下のファイルを読み込む必要があります。
■JavaScriptファイル
・ext-all.js
・adapter/ext/ext-base.js
■CSSファイル
resources/css/ext-all.css