/**
* @type String
* @description 员工树型下拉框
*/
//-----定义userComboBox对象的expand事件所需要的TreePanel------
var userTree=function(combo){
userTree.superclass.constructor.call(this,{
id : 'deptTree',
animate : true,
enableDD : false,
rootVisible : false,
border:false,
root : new Ext.tree.AsyncTreeNode({
expanded : false,
text : '组织结构'
}),
loader :tl=new Ext.tree.TreeLoader({
url : 'sysuserpoweraction.do?option=getAll'
}),
listeners:{"click":function(node,event){
var val=node.id;
if(val.indexOf('dep')<0){//判断叶子节点为部门时,不允许选择
if(node.leaf){//员工为叶子时,给combo、userId赋值
combo.setValue(node.text);
Ext.getCmp('userId').setValue(node.id);
combo.collapse();
}else{
node.toggle();
}
}
}}
});
};
Ext.extend(userTree, Ext.tree.TreePanel);//userTree继承Ext.tree.TreePanel
//-----定义树型下拉框类-----------------
var userComboBox=function(label,wid,eText,bText){
var user=this;
userComboBox.superclass.constructor.call(this,{
id:'userCombo',
isFormField: true,
valueField: "value",
displayField: "text",
fieldLabel:label,
emptyText: eText,
width: wid,
store :new Ext.data.SimpleStore({
fields : [],
data : [[]]
}),
editable: false,
allowBlank: false,
blankText:bText,
mode: 'local',
triggerAction: 'all',
tpl : "<tpl for='.'><div style='height:200px'><div id='deptUser'></div><div></tpl>",
listeners:{"expand":function(){
(new userTree(user)).render('deptUser');
},"collapse":function(){
document.getElementById('deptUser').innerHTML="";
}
}
});
};
Ext.extend(userComboBox, Ext.form.ComboBox);//userComboBox继承Ext.form.ComboBox
分享到:
相关推荐
EXTJS 选下拉框,并取得下拉框的值,直接可以打开
extjs多选 下拉框扩展
最近小弟做了Extjs实现实现下拉框联动的效果,参考了好久才学会,闲下来发一个简单的例子。。呵呵
extjs实现下拉框多选,很实用哦!
Extjs 4.1 下拉框 Tree 的实现(mvc)
Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选, 附源码。 修复不能多选问题,代码仅供参考
extjs 中的下拉框如何动态绑定。如何与后端.net 结合动态绑定下拉框的数据
ExtJs4.2没有直接提供下拉树这个组件,但是有例子可以用,文件位置:ext-4.2.1.883\examples\ux\TreePicker.js 但是它有点小毛病吧:默认显示了根节点;达到最小高度时再展开节点,高度不能自动调整。 所以我做了一...
我们开发项目的时候,有的时候左边的树结点很多,虽然说有extjs有异步,但还是有结点下面有时长达500个以上,甚至更多,这个时候用分页可以解决这个问题
extjs4 ComboBox 点击下拉框 出现grid效果 这里只实现了点击下拉框显示gird,点击其他地方grid自动消失
extjs多选下拉框,支持单选,多选,全选和全不选,ext3.*适用,文章的例子下载。
Extjs 下拉菜单实现拼音输入进行检索
ExtJs4.2没有直接提供下拉树这个组件,默认显示了根节点;达到最小高度时再展开节点,高度不能自动调整。 做了一点修改,文件中修改处有注释!
extjs 复选下拉框的例子extjs 复选下拉框的例子
网上下载的多选下拉框,类型为lovcombo。 只要把css和js放到你指定的位置,再更改js中调用css时的地址。 然后就可以在页面像使用其他组件一样使用了。
Extjs3 多选下拉框LovCombo,Extjs3 多选下拉框LovCombo
Extjs4.2 时间下拉框的 年和月是不可以选择的, 本插件可完美修复, 且在4.2.3上面测试的, 花了几天修复的所以分数高点;
下载后直接解压查看源文件,文件是html 直接双击打开查看效果
NULL 博文链接:https://zwwko.iteye.com/blog/846153