//小小的入門
首先是怎麼得到ext中的物件:只需要乙個new關鍵字即可(例如:new ext.form.formpanel()}))
注釋一下:
{}:這個裡面放的主要是new的這個物件裡面的配置,即他們的屬性
items:這個裡面放入的主要是物件,即直接放入可以了,不需要用{},如果配置的話也要用{}。
//在jsp中寫ext的時候必須要匯入
這幾個檔案,他們的位置放在webcntent下面
//步入正題:
a:布局
布局主要分為四種(用的比較多吧):
border:將面板分成東南西北中這五塊
fit:填充布局
acordion:列布局
form:表單布局
他們的使用只需要講該元件的layout配置成你想要的布局模型
b:**(舉例乙個)
var checkboxs = new ext.grid.checkboxselectionmodel({});
var cols = [new ext.grid.rownumberer(),
checkboxs,];//此id 為store裡面建立行的id
var storeclasses = new ext.data.store(,
reader:new ext.data.jsonreader(,ext.data.record.create())
,autoload:true});
var config =)
//前面這個物件是將這個store裡面的text這個屬性的值動態的放入到這個下列表中來
,}]};
var classgrid = new ext.grid.gridpanel(config);
//得到選中的行所得到值
var g = ext.getcmp("grid");
var record =g.getselectionmodel().getselected();
var dname=record.get('id');
c、樹:
var tree = new ext.tree.treepanel(),
root:new ext.tree.asynctreenode()
});
頁面布局以及排版
1 padding不能為負值,margin可以為負值,margin設定負值則元素向相反方向移動,甚至會覆蓋其他元素上,當塊級元素形成父子巢狀關係時,設定margin的負值可以使子元素從父元素中分離出來,有些元素在不同瀏覽器下有不同的預設值,需要清除預設值 padding 0 margin 0 2 塊...
Ext頁面布局方式總結
以下是本人對ext幾種常用布局方式做的總結 1.accordion layout 用來做可折疊式布局,可用於panel viewport等控制項。2.anchorlayout 用來做精確定位布局,可用於panel viewport等控制項。3.borderlayout 用來做邊框式布局,可分為東 西...
EXT中Form的行列布局
剛剛學習ext,感覺布局有點麻煩,記錄下 1.formpanel上的控制項顯示不出來,控制項的寬度太大,formpanel的寬度相對太小導致。2.為formpanel設定了defaulttype屬性,沒有為每個控制項單獨制定xtype屬性。正確的做法是不設定defaulttype。3.在每個colu...