Ext中初始化配置項iconCls的使用方法

2021-04-24 01:39:59 字數 725 閱讀 1204

使用過ext(http://www.extjs.com) 的同志都應該知道,每乙個元件(component)在初始化的時候,都會有乙個配置引數(config),其中,許多元件,如menu,button都有乙個配置選項iconcls,很明顯,這個是用來配置按鈕等的圖示的,所以假設我們要初始 化乙個button,我們在js裡這樣寫:

var button = new ext.button(); 

然後我們再在css中寫下如下規則:

.hello-button  

把js和css檔案都正確的引入到頁面當中後,我們只能看到按鈕上空出來了乙個放置的位置,而並沒有顯示出來,通過使用firebug(http://www.getfirebug.com) 來檢視頁面,通過inspect我們生成的按鈕的style,我們發現css規則hello-button被ext原有的css規則覆蓋掉了。但是官方給 的sample裡是可以用的啊,檢視sample裡的css,我發現它比我寫的多了一行字,!important,然後,我把我原有的css規則修正為:

.hello-button  

bingo~這次正確的顯示在了按鈕上。

當然,按照官方的api,你還有另外一種在按鈕上新增圖示的方法,將button的config如下設定:

var button = new ext.button(); 

這樣做的壞處在於,你必須將的位置寫入到js裡,沒有將表現的部分從js裡脫離,如果使用第一種方法的話,可以更容易的更改某個按鈕的圖示。

InitOpts 初始化配置項

class initopts 圖表畫布寬度,css 長度單位。width str 900px 圖表畫布高度,css 長度單位。height str 500px 圖表 id,圖表唯一標識,用於在多圖表時區分。chart id optional str none,渲染風格,可選 canvas svg 參...

busybox初始化配置

busybox取消了runlevels,runlevels已經被busybox的init程序忽略。如果想使用runlevels,就使用sysvinit來代替。每個入口的格式 busybox的這個引數不是常規意義上的,它是指指定程序執行的tty。其內容是 dev下的tty裝置或者別名。這個字段留空表示...

SHOPXX初始化配置

hane00 2011 04 09 14 28 shopxx 1 刪除根目錄下的shopxx.txt會報錯,即使更改裡面的個別資料,也會報錯,原因是配置檔案中配置了相應的初始化檔案。2 shopxx.net等字串通過base64加密編碼,故若更改shopxx等字樣則執行不通過。3 完全可以以手動方式...