打開firebug,切換到html選項卡,找到panel對應的div節點,如下圖:
panel控件的基準樣式是x-panel,其中的border-style:solid就是設置邊框的,將其覆蓋爲border-style:none就成無邊框的了。
具體方法:定義無邊框的樣式.my-panel-no-border{border-style:none},然後定義panel時設置baseCls屬性:
var mypanel = Ext.Panel({
baseCls:'my-panel-no-border',
//其他屬性
});
沒文檔,搜又不好搜,只能用這種最土的方法了。類似的還有個需求,checkboxgroup裏面的checkbox以列模式擺放時,各個checkbox是對齊的;現在需要
對checkbox縮進擺放,體現出一定的層次關係,就像樹形列表一樣。打開firebug,找checkbox的樣式,加上什麼padding之類的屬性就行了。