extjs標誌的簡單介紹

本文目錄一覽：

• 1、extjs如何已經增加複選框，但是出來的效果是小圖標在前，複選框在後，如何設置複選框在圖標之前
• 2、extjs 的xtype類型標識金額,可輸入小數
• 3、extjs api 圖標上的綠色箭頭 什麼意思
• 4、ExtJs的問題：Ext.ux.form.SpinnerField右端的小圖標不能正常顯示！
• 5、extJs樹結構展開問題？

extjs如何已經增加複選框，但是出來的效果是小圖標在前，複選框在後，如何設置複選框在圖標之前

那你不要在節點上加icon

試試這樣寫text:’img src=”….”/c#’

extjs 的xtype類型標識金額,可輸入小數

可以使用 vtype

例如：

fieldLabel: ‘金額’,

xtype: ‘textfield’,

name: ‘myMoney’,

id: ‘myMoney’,

vtype: ‘money’

再自定義vtype：

Ext.apply(Ext.form.field.VTypes, {

    money: function (val) {

        return /^([1-9]\d{0,7}|0)(\.\d{1,2})?$/.test(val);

    },

    moneyText: ‘請輸入正確的金額’

});

extjs api 圖標上的綠色箭頭 什麼意思

齒輪就表示組件

齒輪加個綠箭頭表示定位到組件

藍色方塊表示類

藍色方塊價格紅箭頭表示定位到類

其實你研究一下這個圖標的樣式名稱就可以看出它表示什麼了

例如下面兩個圖顯示的圖標樣式名稱

ExtJs的問題：Ext.ux.form.SpinnerField右端的小圖標不能正常顯示！

這個是因為ext css加載的順序不對

link rel=”stylesheet” type=”text/css” href=”…../resources/css/ext-all.css” /

link rel=”stylesheet” type=”text/css” href=”…../css/Spinner.css” /

必須先加載ext-all.css再加載Spinner.css

extJs樹結構展開問題？

treepanel:

expandPath ( String path , [ String attr ], [ Function callback ] ) : void

展開當前TreePanel中的指定路徑。可以使用 Ext.data.Node.getPath 方法從一個節點中獲取路徑。

參數:

path : String

attr : String

可選 path中使用的參數(更多信息參見Ext.data.Node.getPath)

callback : Function

可選 展開完成時的回調方法。回調方法將被傳入以下參數： (bSuccess, oLastNode)。 bSuccess是展開是否成功標誌，oLastNode為被展開的節點。

返回值:void

getNodeById ( String id ) : Node

根據id從樹中獲取節點

根據id從樹中獲取節點

參數:

id : String

返回值:Node

getRootNode () : Node

返回當前樹的root節點

返回當前樹的root節點

參數:

無。

返回值:Node

treenode:

getPath ( [ String attr ] ) : String

返回當前節點的路徑。該路徑可以用來編程展開或者選中當前節點。

返回當前節點的路徑。該路徑可以用來編程展開或者選中當前節點。

參數:

attr : String

(可選) 路徑使用的參數(默認值為節點的id)

返回值:

String

路徑

把這些方法組合下，然後你在寫點邏輯代碼，就能控制你想展開的任意節點了。

viewTree.expandPath(viewTree.getRootNode().getPath());// 展開根節點

viewTree.expandPath(viewTree.getNodeById (‘id’).getPath());// 展開id的那個節點