`
天空之城
  • 浏览: 405548 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ExtJS3 实现异步下拉树

 
阅读更多

     附件中的xlTree.js 是扩展的ExtJs3  combobox Tree 应用时只需引用到页面中,基本调用如下

 

items:[{
		                xtype:'xcomboboxtree',
		                fieldLabel:'所属机构',
		                id:'departBtnID',
		                anchor:'90%',
		                text:'选择机构',
		                enableClearValue:true,//显示清除值的trigger   
		                width:120,//该域的长度  
		                listWidth:220,//下拉框的长度   
						listHeight:200,//下拉框的高度,
						tree:new Ext.tree.TreePanel({   
                            root:new Ext.tree.AsyncTreeNode({   
                               id:'0ACF1UI91S0105EB',   
                               text:'总公司'  
                            }),   
                            loader:new Ext.tree.TreeLoader({   
                  dataUrl:itemRoot+'/orgtable/orgtable_buildOrgTree.action',
                              preloadChildren:true
                            }),   
                        }),
                          listeners:{   
                            'treenodeselect':function(combotree,node){
		  	 //alert('Text:=='+node.text+'||----ID:=='+node.id);
                                combotree.setValue(node.text);   
                                combotree.setHiddenValue(node.id);   
                            }   
                        }
		            }]


  • 大小: 7.2 KB
分享到:
评论
1 楼 chenhua1228 2014-11-18  
能不能发一下后台代码是怎现实的呢?

相关推荐

    Extjs自定义组件-下拉树

    ### Extjs自定义组件——下拉树:深入解析与实现 在现代Web开发中,Extjs作为一款功能强大且灵活的框架,深受开发者喜爱。它提供了丰富的UI组件库,能够帮助开发者快速构建复杂的用户界面。其中,自定义组件是Extjs...

    ExtJs下拉树

    在ExtJS中,下拉树(ComboBoxTree)是一种结合了下拉框和树结构的组件,它允许用户从一个展开的树形列表中选择值,而不是传统的单行文本输入或简单的下拉列表。这种组件在数据层级结构复杂且需要用户进行多级选择时...

    extjs下拉树

    在ExtJS中,下拉树是通过`Ext.form.field.Tree`类实现的,它继承自`Ext.form.field.ComboBox`,增加了树状结构的功能。`ComboTree.js`可能就是实现了这个功能的JavaScript文件,包含了一些定制化的代码或扩展。 ...

    Extjs-多功能下拉树列表

    ### Extjs-多功能下拉树列表 #### 一、引言 在开发用户界面时,开发者经常需要构建具有复杂交互性的组件,以提供更高效、更直观的数据展示和选择方式。其中,下拉树列表是一种非常实用且常见的控件类型,它结合了...

    Extjs4树结构异步加载

    在ExtJS4中实现树结构的异步加载,主要涉及以下几个关键概念: 1. **TreeStore**: TreeStore是树结构的数据源,它负责管理与服务器之间的数据通信。对于异步加载,我们需要配置TreeStore,设置`autoLoad`为`false`...

    ExtJS4下拉树组件

    ### ExtJS4 下拉树组件知识点详解 #### 一、概述 在ExtJS4中,下拉树组件(TreeComboBox)是一种特殊的组合框,它结合了下拉列表和树形结构的功能,允许用户通过选择树节点来填充组合框的值。这种组件广泛应用于...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    综上所述,ExtJS 4.x的ComboboxTree组件是实现下拉树形菜单的强大工具,它结合了下拉框的简洁和树结构的层次感,提供了丰富的定制选项,能满足多种场景下的需求。理解并熟练掌握其用法,将极大地提升开发效率和用户...

    ExtJS下拉列表树控件1

    本文将深入探讨如何在ExtJS中实现下拉列表树控件,并基于提供的文件`extjs实现下拉框树形结构.js`来解析关键知识点。 首先,让我们理解下拉列表树控件的基本结构。在ExtJS中,下拉列表通常由`Ext.form.field....

    Extjs实现下拉菜单效果

    在本例中,我们关注的是如何使用ExtJS实现一个下拉树(Dropdown Tree)效果。下拉树是一种特殊的下拉菜单,它不仅显示简单的选项列表,还可以展示具有层级结构的数据。 要实现下拉树效果,首先需要引入ExtJS的相关...

    Extjs3 多选下拉框LovCombo

    在ExtJS 3中,多选下拉框(LovCombo)是一种复合组件,它结合了下拉列表和“爱好者选择”(LOV,Lookup Value)的功能,允许用户在多个选项中进行复选选择。在Web应用中,这种组件常用于数据输入,特别是在数据库...

    combox下拉树combox下拉树

    实现Combox下拉树的关键在于数据结构的设计和UI组件的交互。数据结构通常包含父节点和子节点信息,以便在界面上形成层次结构。同时,要处理好展开、折叠、选择事件,确保用户体验流畅。 在实际应用中,Combox下拉树...

    extjs4.1下拉复选框完整DEMO

    在这个"extjs4.1下拉复选框完整DEMO"中,我们主要关注的是如何使用ExtJS实现一个具有动态加载功能的下拉复选框组件。这个DEMO包含以下几个关键组成部分: 1. **ext-all-debug.js**:这是ExtJS的核心库文件,包含了...

    Extjs3 API

    3. 数据绑定(Data Binding):通过Store和Model,ExtJS 3实现了数据和视图之间的双向绑定,使UI能够实时反映数据变化。 二、组件体系 1. 表格(Grid):ExtJS 3的表格组件支持多列、排序、分页、过滤等功能,并能...

    extjs实现下拉框多选

    在本篇中,我们将深入探讨如何在ExtJS中实现下拉框的多选功能。 首先,了解基本的ExtJS ComboBox。ComboBox 是一个具有搜索功能的下拉列表,用户可以从中选择一个选项。它由两个主要部分组成:一个可编辑的输入字段...

    Extjs3+MySQL后台数据库实现省份城市二级联动

    本文将深入探讨如何使用ExtJS 3结合MySQL来实现一个省份城市二级联动的前端与后台系统。 首先,ExtJS 3提供了丰富的组件和API,使得开发者可以轻松创建各种复杂的用户界面,如下拉菜单、表格、表单等。在这个案例中...

    EXTJS 动态生成下来树形框

    为了实现树形结构,需要设置`queryMode`为`local`或`remote`,并定义`renderer`函数来渲染树形结构。 4. **扩展下拉框**:EXTJS允许我们自定义组件,可以通过继承`Ext.form.field.ComboBox`并重写相关方法,比如`...

    extjs 自动补全 模拟combobox

    Combobox是EXTJS中的一个下拉选择框,它可以显示一个下拉列表供用户选择,同时也可以配合自动补全功能。 首先,让我们理解EXTJS的Combobox组件。Combobox由两部分组成:一个文本输入框和一个下拉列表。文本输入框...

    thinkphp+extjs

    【描述】"thinkphp+extjs +jquery CMS管理系统 实现多选下拉树 下拉表格" 提示了系统的一些关键功能特性。这表明开发者在构建这个CMS时,不仅利用了ThinkPHP的后端处理能力,还结合了ExtJS的富客户端交互特性,并且...

    extjs3.0开发包含示例api

    4. **Ajax和数据存储(Ajax and Data Stores)**:提供了XML、JSON等格式的数据读取和写入,以及远程数据存储的实现,便于与服务器进行异步通信。 5. **拖放功能(Drag and Drop)**:EXTJS 3.0支持拖放操作,使得...

Global site tag (gtag.js) - Google Analytics