ext 下拉树的问题

我想实现在GRID中 用户点击“部门”一栏 像ComboBox那样 弹出一个框让用户用户可以选择部门 这个部门选择框是个树状结构 我在网上找了一些 始终有些问题 请大家帮助一下,最好是由有具体使用的方法事例 谢谢

4个回答

ext.ux.comboboxtree
www.iteye.com/topic/212842

EXT下拉树例子
[url]http://www.iteye.com/topic/164424[/url]

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Ext 下拉树
首先要引入一个js  combotree.js放在文章最后面 var areaIdTree = new Ext.tree.TreeLoader({dataUrl:basePath+"/btnCaseListManagerAction.do?act=getAreaIdTree"}) var areaIdComboTree = new Ext.form.ComboBoxTree({ fiel
ext下拉树
关键字: extjs学习 1、效果如图 2、 引入TreeField控件(转载) Js代码 1.Ext.form.TreeField = Ext.extend(Ext.form.TriggerField, { 2. /** 3. * @cfg {Boolean} readOnly 4. *...
ext 下拉树
使用ext4.0开发 下拉树的实现,代码 找了好久 现在存下来
EXT下拉树问题
从网上看的资料写了个下拉树。rn数据显示正常,但是需要添加手动输入的功能,此时出现了问题:下拉显示正常,手动输入一个值以后,再点击下拉按钮就无法显示出来菜单,哪位大侠遇到过请赐教。rnPS:用谷歌审查元素看,没有发现JS错误。rn[code=JScript]var comboxWithTree = new Ext.form.ComboBox(rn store : new Ext.data.SimpleStore(rn fields : [],rn data : [[]]rn ),rn id : 'comboxWithTree',rn emptyText : '请输入拼音,如北京,输入bj,或从列表选择',rn width : 250,rn fieldLabel : "请选择",rn mode : 'local',rn triggerAction : 'all',rn selectedClass : '',rn enableKeyEvents : true,rn onSelect : Ext.emptyFn,rn listeners:rn 'keyup' : function()rn setNull();rn searchText = comboxWithTree.getValue();rn rn rn );rn var root = new Ext.tree.AsyncTreeNode();rn var tree = new Ext.tree.TreePanel(rn height : 300,rn width : 250,rn autoScroll : true,rn animate : true,rn containerScroll : true,rn rootVisible : false,rn border : false,rn allowUnLeafClick : true,rn root : root,rn loader : new Ext.tree.TreeLoader(rn dataUrl : 'xxxxxxxxxxxxxx',rn baseParams : rn //此处不方便展示rn rn )rn );rn comboxWithTree.on('beforeRender', function() rn comboxWithTree.tpl = " ";rn );rn comboxWithTree.on('expand', function() rn tree.render("" + randomid + "");rn );[/code]
ext 下拉树demo
<%=com.kingen.util.JsonHelperJS.FormExtJsModel("com.kingen.vo.TreeNode", "TreeModel", "","")%> var treestore = Ext.create('Ext.data.TreeStore', { autoLoad: tru...
Ext下拉树、下拉表格
项目是myeclipse的web项目,导入项目即可,自己添加ext的js和css文件,资源中没有加入ext的基础文件
ext js 下拉树
ext js 下拉树 真正可执行 包括引入的js和css
ext拼音搜索下拉树
首先声明:本控件并非原创,但是有我的劳动成果。附件中有使用说明文档。如有问题请给我留言。我当时下下来的时候是这样的:比如有“北京贸易公司”这个节点,输入BJ才能搜索到,修改后可以搜索到节点包含的任意字符,即输入MY,YG也能搜到这个节点,均不区分大小写
ext 下拉树 ext2
看看就知道了,不错的下拉树,异步加载树节点,使用Ext做的 下拉树
[Ext 3.x + Ext 2.x] 下拉树 Ext.ux.ComboBoxTree
[Ext 3.x + Ext 2.x] 下拉树 Ext.ux.ComboBoxTree
ext下拉树真正强大可用
采用同步树原理,真正可以直接用的下拉树,,希望对你有帮助
ext下拉树编辑的时候怎么赋值?
[code=JScript]rn rn width:150,rn editable : false, rn xtype: 'treeField', rn name: 'area', rn fieldLabel: '地区', rn emptyText:'选择地区', rn listWidth:150, rn listHeight:300, rn readOnly:false, rn hiddenName:'area',rn valueField: 'id', rn displayField: 'text', rn value:'620102',rn dataUrl:'doCustom.do?method=getArea' rn rn[/code]rn我现在一赋值显示的是代码,正常显示的应该是名称/》怎么办?
下拉树的问题
[size=small][b]http://www.iteye.com/topic/212842rnrn我照着这个做了一个下拉树,选完一个节点之后,在去填别的选项,刚选择的节点就清空了,这个怎么回事啊?rnrnrn附件是图片 。[/b][/size]n[b]问题补充:[/b]n还是不行啊,我重新弄了一遍还是不行。不知道怎么回事n[b]问题补充:[/b]n我刚刚完全拷贝它的例子做了一次,还是这样。rn使用的全是他提供的组件也不行 我的是Ext3.0版本的n[b]问题补充:[/b]nhttp://hi.baidu.com/tzjobs/blog/item/0faad4f542c899e67609d71d.htmlrnrnrn试了。还是不行、 我上午用的是这个人的下拉树,但是传值的时候传的总是node.text
combox下拉树combox下拉树
combox下拉树combox下拉树combox下拉树combox下拉树combox下拉树combox下拉树combox下拉树
下拉树!
var root = $(div).attr("root"); var zNodes =[ {id:1, parent_id:0, name:"AAA",title:"123"}, {id:2, parent_id:0, name:"BBB"}, {id:3, parent_id:0, name:"CCC"}, {id:4, parent_id:0, name:"E.
Vue Treeselect下拉树实现,选择部门下拉树,下拉树菜单
先来看一张最基本的效果图:   介绍 vue-treeselect是一个多选组件,具有对Vue.js的嵌套选项支持。 具有嵌套选项支持的单个和多个选择 模糊匹配 异步搜索 延迟加载(仅在需要时加载深层选项的数据) 键盘支持(使用Arrow Up&Arrow Down键导航,使用键选择选项Enter等) 丰富的选项和高度可定制 支持各种浏览器 需要Vue 2.2+ 入门 ...
Combo下拉树TreePanel问题
我将Tree组件集成到Conbo下拉菜单里了,但是点击里面任意节点都会导致Combo下拉菜单关闭,请问怎样做才能在选择了节点之后关闭下拉框呢?谢谢大家。
Extjs 下拉树过滤问题
在最近开发的项目中,用到下拉树。默认加载的treeStore为状态是启用的。新增了一个所有的勾选框,勾选所有后加载的为启用和停用的。如图: 勾选所有后: 其中编号名称中有过滤的作用:现在问题:未点击所有的时候搜索S会过滤掉不是编号或者名称没有S的数据、展示包含S的数据,再点击所有,想要实现加载启用、停用数据后在执行过滤,但是没有成功。 未成功代码: 原因:在勾选所有后,先过
火狐下拉树样式问题
火狐下使用下拉树,在showreport.jsp中增加了一段代码 var _treeBackColor = "#EBF1F9"; var _treeBorderLeft = "#FFFFFF 2 solid"; var _treeBorderTop = "#FFFFFF 2 solid"; var _treeBorderRight = "#000000 2 solid"; var _
extjs3.x 下拉树问题请教!
因为项目中需要使用到下拉树,网上找了个demo,测试后觉得都还好,就是有一个问题:这个下拉树的store在点击下拉箭头以后才会加载数据,但我希望页面加载完成,它就会自动加载数据,多次实验无效后,只有求助大家了!~~rn代码如下:rn1.下拉书的js脚本rn[code=JScript]rn// 修复ExtJS3.2中自动关闭下来树的BugrnExt.override(Ext.form.ComboBox, rn onViewClick : function(doFocus) rn var index = this.view.getSelectedIndexes()[0], s = this.store, r = s.getAt(index);rn if (r) rn this.onSelect(r, index);rn else if (s.getCount() === 0) rn this.collapse();rn rn if (doFocus !== false) rn this.el.focus();rn rn rn);rnrnExt.ux.ComboBoxTree = function()rn this.treeId = Ext.id()+'-tree';rn this.maxHeight = arguments[0].maxHeight || arguments[0].height || this.maxHeight;rn this.tpl = new Ext.Template(' ');rn this.store = new Ext.data.SimpleStore(fields:[],data:[[]]);rn this.selectedClass = '';rn this.mode = 'local';rn this.triggerAction = 'all';rn this.onSelect = Ext.emptyFn;rn this.editable = false;rn // api里面的意思是rn //【true to restrict the selected value to one of the values in the list, false to allow the user to set arbitrary text into the field (defaults to false)】rn // 我的理解是combo中设置的值rn // 能否为不在store中的内容rn // 因为如果默认设置为false的时候每次在失去该combo对象的焦点时刻会触发一个事件重新设置一下valuern // 这个问题我解决了好久才搞定rn this.forceSelection = true,rnrn //all:所有结点都可选中rn //exceptRoot:除根结点,其它结点都可选rn //folder:只有目录(非叶子和非根结点)可选rn //leaf:只有叶子结点可选rn this.selectNodeModel = arguments[0].selectNodeModel || 'exceptRoot';rnrn Ext.ux.ComboBoxTree.superclass.constructor.apply(this, arguments);rn ;rnrnExt.extend(Ext.ux.ComboBoxTree,Ext.form.ComboBox, rnrn expand : function()rnrn Ext.ux.ComboBoxTree.superclass.expand.call(this);rn if(!this.tree.rendered)rn this.tree.height = this.maxHeight;rn this.tree.border=false;rn this.tree.autoScroll=true;rn if(this.tree.xtype)rn this.tree = Ext.ComponentMgr.create(this.tree, this.tree.xtype);rn rn this.tree.render(this.treeId);rn var combox = this;rn this.tree.on('click',function(node)rn var isRoot = (node == combox.tree.getRootNode());rn var selModel = combox.selectNodeModel;rn var isLeaf = node.isLeaf();rn if(isRoot && selModel != 'all')rn return;rn else if(selModel=='folder' && isLeaf)rn return;rn else if(selModel=='leaf' && !isLeaf)rn return;rn rn combox.setValue(node);rn combox.collapse();rn );rn var root = this.tree.getRootNode();rn if(!root.isLoaded())rn root.reload();rn root.expand(true);rn rnrn ,rnrn setValue : function(node)rn var text = node.text;rn this.lastSelectionText = text;rn if(this.hiddenField)rn this.hiddenField.value = node.id;rn rn Ext.form.ComboBox.superclass.setValue.call(this, text);rn this.value = node.id;rn ,rnrn getValue : function()rn return typeof this.value != 'undefined' ? this.value : '';rn rn);rnrnExt.reg('combotree', Ext.ux.ComboBoxTree);rnrn[/code]rnrn2.页面运用脚本rn[code=JScript]rn var comboBoxTree;rn Ext.onReady(function()rn comboBoxTree = new Ext.ux.ComboBoxTree(rn renderTo : 'comboBoxTree',rn width : 250,rn tree : rn id:'sTree',rn xtype:'treepanel',rn loader: new Ext.tree.TreeLoader(dataUrl:'getNodes.jsp'),rn rootVisible : false,rn root : new Ext.tree.AsyncTreeNode(id:'0',text:'根结点'),rn autoLoad:truern ,rnrn //all:所有结点都可选中rn //exceptRoot:除根结点,其它结点都可选(默认)rn //folder:只有目录(非叶子和非根结点)可选rn //leaf:只有叶子结点可选rn selectNodeModel:'exceptRoot'rn );rn );rn function showValue()rn /* comboBoxTree.setValue(comboBoxTree.tree.getNodeById(12));rn comboBoxTree.tree.getNodeById(comboBoxTree.getValue()).select();*/rn alert("显示值="+comboBoxTree.getRawValue()+" 真实值="+comboBoxTree.getValue());rn rn function search()rn var searchName = Ext.getDom('searchName').value;rn alert("查询字符串:"+searchName);rn rn[/code]
ExtJs下拉树
extjs实现的下拉树的核心代码,包括js,jsp,对有需要的同仁提供参考与学习之用
下拉树菜单
树形下拉菜单多种功能集合!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
extjs下拉树
extjs下拉树
下拉树 dtree.rar
下拉树的完整例子,js 完美实现下拉树 点击树 text里显示选中结点
AJAX下拉树。。。。。。
AJAX下拉树.......................
select 下拉树
我想要的效果,如附件中的图所示,这个是我自己做的一个,但是不是很满意,目前只是支持IE、FF。想问问各位有没有标准的一个或者比较通用的一个。
谁有下拉树?
我在网上看到别人有下拉框里面显示一棵树的程序,哪里有示例可以下载呀?
ztree下拉树
这里面有两个压缩包,压缩包2是我自己写的,现成的input下拉树,在这个压缩包的ztreeinput文件夹里,压缩包1是官方文档
winform下拉树
下拉树
下拉树加载
本代码为html代码,主要是input点击就出现属性下拉选择控件,文件中包含js与css有需要的可以先参考,又不懂得地方可以留言
ExtJs3下拉树
ExtJs3下拉树 分两种方式调用:第一种: xtype : 'combotree', name : 'dm', fieldLabel : 'dm', tree : this.ct this.ct = new Ext.tree.TreePanel({ autoScroll : true, height : 250, border : false, rootVisible : false, root : new Ext.tree.AsyncTreeNode({ draggable : false, expanded : true }), loader : new Ext.tree.TreeLoader({ url : 'basedata/do_dm!read.action' }) }); 第二种: xtype : 'combotree', name : 'dm', fieldLabel : 'dm, url : 'basedata/do_dm!read.action', rootVisible:false
下拉树jquery
下拉树 跨浏览器 下拉菜单 代码实例。。。。
ThinkPHP之下拉树
物资种类表是个树状结构
左侧下拉树
JSP页面左面为树 右面为后台列表 附件为引用的JS文件 目录下拉树 //将加号转化为_符号 function change(code){ var s=""+code; var ...
Extjs4 下拉树
使用方法: var comb = Ext.create('Ext.ux.ComboTree',{ name:'xzqh', dicName:'test', width : 270, fieldLabel : '行政区划', url:'getDic', all:true, labelWidth : 60, multiple:true });
下拉树组件
<!-- 树状选择器 --> <template> <el-popover ref="popover" placement="bottom-start" trigger="click" @show="onShowPopover" @hide="onHidePopover"> <el-tree ...
combotree下拉树
合同类别: var t; $("#contractType").combotree({ url:“jsczxc/bibsccentercjgl/BibscCenterCjglController/operation/barContractDaftGettree/3/ContractTypeHigh”, valueField : ‘id’, multiple:true, onlyLea...
关于extjs下拉树的一个问题
combobox下拉树,网上有好多,都说很好用,但为什么我搞下来以后,下拉框点击以后可以看到一颗树,但是想展开或者收缩树的时候,combobox的下拉列表就不见了,缩回去了。。。。。。。然后再点下拉,再搞。。。
extjs 下拉树的重复打开问题
哪位大侠帮我看看这段程序:从主程序进入本窗口调用这段程序,第一次能打开下拉树(this.typemctTextField)表现正常,关掉窗口,rn从主程序重新打开本窗口就打不开下拉树了。可firebug中关于下拉树的数据从后台传前台正常rn(loader: new Ext.tree.TreeLoader(dataUrl:'tree.myaction?method=lbTreeLb2&pid='+getSbpid(mySbpartid)))。哪位给个诊断?rnrnrnrnrnfunction getSbpid(id)rn return "a"+id;rnrnvar chiFormrnvar StudentFormPanel = function() /**$$$$$ */rn chiForm=this;rn this.typeidTextField = rn xtype : 'hidden',rn //xtype : 'textfield',rn //width : Height1,rn fieldLabel : "所属分类序号",rn labelAlign :'right' ,rn readOnly : true,rn //editable : true,rn name : "typeid"rn ;rn var mycombotree;rn this.typemctTextField = rn xtype: 'combo',rn fieldLabel: '类别名称',//所属分类名称'rn name: 'typemct',rn store: new Ext.data.SimpleStore(fields:[],data:[[]]), rn mode: 'local',rn resizable:true,rn height:500,rn //width : Height1,rn autoScroll:false,rn triggerAction:'all', rn tpl: ' ',rn displayField: 'key',rn valueField: 'value',rn listeners:rn expand:function(combo )rn mycombotree=this;rn tree.render('tree1');rn tree.root.expand();rn rn ,rn editable : false,rn emptyText: '请选择...',rn hiddenName:'typemc'rn ;rn tree = new Ext.tree.TreePanel( rn //el:'tree-div', rn height:600,rn //autoHeight:true, rn autoWidth:true,rn loader: new Ext.tree.TreeLoader(dataUrl:'tree.myaction?method=lbTreeLb2&pid='+getSbpid(mySbpartid))rn );rn var root=new Array();rn root = new Ext.tree.AsyncTreeNode( rn //text: setTform.getForm().findField('sbpartid').getRawValue(),rn text: mySbpartmc,rn draggable:false, rn id:getSbpid(mySbpartid) rn ); rn tree.setRootNode(root); rn //根据点击的节点加载该节点下的数据,点击哪个节点就加载哪个节点的数据 rn tree.on('beforeload',function(node) rn if(node.id != getSbpid(mySbpartid)) rn tree.loader.dataUrl = 'tree.myaction?method=lbTreeLb2&pid='+node.id; rn rn ); rn //监听下拉树的节点单击事件rn tree.on('click', function(node) rn if(node.leaf==true)rn //var _form=chiForm.getForm();rn chiForm.getForm().findField('typeid').setValue(node.id);rn mycombotree.setRawValue(node.text);rn //mycombotree.setRawValue(node.id); rn mycombotree.collapse();rn rn ); rnrnrn StudentFormPanel.superclass.constructor.call(this, rn bodyStyle : 'padding:5px 5px 0',rn frame : true,rn reader : new Ext.data.JsonReader( rn root : 'list',rn successProperty : 'success',rn totalProperty : 'totalSize',rn id : 'id'rn , ['id', 'name', 'faulttime', 'faultscore', 'typeid','typemc']),/**$$$$$ */rn items : [ this.typeidTextField, this.typemctTextField]rn );rnrnExt.extend(StudentFormPanel, Ext.form.FormPanel, rn loadData : function(id) rn var url = thisServlet + '?method=edit&id=' + id;/**$$$$$ */rn this.getForm().load( rn url : url,rn waitMsg : 'Loading',rn failure : function(form, action) rn var json = action.response.responseText;rn var o = eval("(" + json + ")");rn Ext.MessageBox.show( rn title : 'Error',rn msg : o.message,rn buttons : Ext.MessageBox.OK,rn icon : Ext.MessageBox.ERRORrn );rn rn );rn rn);rn
ligerui 下拉树 构选问题
ligerui 下拉书如何取消 实心节点选中状态,给他重新设置个值 我能把值清空但是文本框 显示null
相关热词 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法 c# gmail 发邮件 c# 多层文件