ExtJsへの道 -5ページ目

TreePanelに縦スクロールを表示するには

TreePanelのstyleにoverflow:auto;を設定することにより表示されます。

HtmlEditorにフォント指定リストにスタイルを追加するには

以下のようにfontFamilies属性を指定します。
var he = new Ext.form.HtmlEditor({
・・・
fontFamilies : [
'Arial',
'Courier New',
'Tahoma',
'Times New Roman',
'Verdana'
],
・・・
})

Gridで表示するデータが変更された場合

Gridに表示しているデータが変更された場合、読み込んでいるStoreクラスの
loadDataメソッドを利用することで表示データが変更されます。

例)
//Storeの作成
var myDataStore = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(myData),
reader: new Ext.data.JsonReader({
root:'items'
}, [{name: 'id'}, {name: 'title'}])
});
//Gridの作成
var grid = new Ext.grid.Grid("my-container-id", {
ds: myDataStore,
cm: myColModel,
selModel: mySelectionModel,
autoSizeColumns: true,
monitorWindowResize: false,
trackMouseOver: true
});

//Gridの表示
grid.render();
//Gridに表示する新しいデータを取得
・・・
//Gridを新しいデータで表示
myDataStore.loadData(<表示データのObject>,false);


※loadDataの使用方法はAPIを参照して下さい。

この手順はGridだけでなくStoreクラスを利用する場合、コンボボックスでも有用です。