ExtJs下拉樹的實現

2021-08-26 01:38:01 字數 1141 閱讀 3319

直接上**:

ext.ux.treecombo = ext.extend(ext.form.combobox, ;

maxheight : 300,

editable : false,

mode : 'local',

triggeraction : 'all',

rootvisible : false,

selectmode : 'all'

}, cfg));

}, store : new ext.data.******store(),

// 重寫onviewclick,使展開樹結點是不關閉下拉框

onviewclick : function(dofocus)

if (dofocus !== false)

}, tree : null,

// 隱藏值

hiddenvalue : null,

gethiddenvalue : function() ,

sethiddenvalue : function(code, disptext) ,

initcomponent : function() ),

loader : new ext.tree.treeloader()

});this.tree.on('click', function(node)

node = node.parentnode;

}_this.sethiddenvalue(code, disptext);

_this.collapse();

}});

this.on('expand', function() );

ext.ux.treecombo.superclass.initcomponent.call(this);

}})ext.reg("treecombo", ext.ux.treecombo);

使用示例:

不過通過formpanel.getform().getvalues()是獲取不到treecombo的值的,需要自己手工呼叫

var treevalue = treecombo.gethiddenvalue();

treecombo是上面控制項的例項

extjs 下拉日期 ExtJs 可查詢的下拉框

最近專案中有個需求,就是有四個模組需要載入乙個主表的內容,比如說這個表叫專案表 比如專案表裡有兩個字段乙個是專案id projcd,還有乙個是專案名稱 projnm 主表的內容的要放在乙個下拉框裡選擇。當然他的特別之處在於,專案太多,需要乙個滿足可以查詢的下拉框來匹配專案名稱。由於有多處地方要用,所...

extjs4 TreePicker下拉樹用法

專案中需要用下拉樹來展示資料,到網上搜了下沒有想要的東西,有些是自己寫的下拉樹,官方的api也沒有treecombobx這樣的東西,但是在extjs4原始碼包裡面卻有乙個叫treepicker的東西,這正是官方提供的下拉樹,但是api裡面也沒有使用的例子。網上也沒有相關的用法,沒辦法,只有自己看原始...

下拉樹的簡易實現

要麼就是功能過於簡單,要麼就是實現太過複雜,沒辦法自己弄,因之前用過ztree,這裡把ztree稍微改造一下,花費了一點時間,基本也能用了。實現後效果圖 主要思路 點選文字框時,顯示隱藏的div層,div層裡包含乙個樹型控制項,點選頁面其他部位時,div層隱藏,同時將選取的值寫入文字框。頁面 如下 ...