`
Fangrn
  • 浏览: 818079 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

extjs3.X支持树型的下拉控件

阅读更多

exejs是一个非常方便我们扩展自己控件的js框架,我们能想到的,在这个里面就能有解决方案,就能实现 ,当然也需要我们有一定的实践经验和时间了。

下边就是一个扩展extjs原有的下拉控件Ext.form.ComboBox实现的一个在下拉控件中嵌入树形控件(支持树形grid,支持下拉列表的放大缩小)的控件,兼容extjs3.X。代码太多,所以也就不上代码了,大家如果有需要了解的可以留言给我。

单选:

复选(非级联选择):


  • 大小: 11.4 KB
  • 大小: 13.3 KB
分享到:
评论
16 楼 yuhanwm910731 2014-09-05  
我现在需要实现复选(非级联选择)的树形下拉菜单,麻烦发给我一份吧,非常感谢!huiyi0620@163.com
15 楼 icefireforest 2013-05-30  
Fangrn 写道
jx_dream 写道
楼主,我最近在做树形下拉菜单,菜单是出来了,但是点击树形的小加号 combo就会收回 又要点击下下拉框才能看到,怎么才能让下拉框不自动收回 谢谢



需要注意的是因为原本的下拉条中的点击动作相当于选中数据,所以在下拉树中要屏蔽下原始的事件,采取手工调用下拉条的 collapse();方法



解决方法:在extjs3中,查看ext-all-debug.js 会看到combobox 中有onViewClick方法,如下:
onViewClick : function(doFocus){
        var index = this.view.getSelectedIndexes()[0],
            s = this.store,
            r = s.getAt(index);
        if(r){
            this.onSelect(r, index);
        }else {
            this.collapse();
        }
        if(doFocus !== false){
            this.el.focus();
        }
    }
可以看到当你点击选择时,如果有数据选择了,就走onSelect,onSelect中也会调用collapse方法;没选中直接调用collapse方法。
所以在你的子类中覆盖掉onViewClick,按照自己的业务实现就行了
14 楼 xuweilinbegin 2012-09-26  
我也要一份哦:xuweilin15353@163.com,谢谢
13 楼 flago 2012-08-16  
也给我一份吧,先谢谢了啊!!
guoxiaotong26@163.com
12 楼 jackson1025 2012-04-23  
254377422@qq.com  发我一份吧,谢谢!~
11 楼 ppmyy 2012-04-16  
71895441@qq.com  发我一份,谢谢。
10 楼 psbye 2012-03-19  
能不能发个邮箱? 312329768@qq.com
9 楼 psbye 2012-03-12  
能不能发我邮箱?312329768@qq.com 谢谢~
8 楼 wangdiliyao 2011-07-01  
楼主发给我一份看看,谢谢啦,wangdilya@163.com
7 楼 天空之城 2011-04-12  
最近一直在弄这个,希望也能发给我一份,lpc0531@126.com,谢谢  不胜感激~
6 楼 mabinde 2011-03-17  
希望也能发给我一份,mabinde@163.com,谢谢
5 楼 ootabc 2011-03-03  
能给一份吗?谢谢! ootabc@126.com
4 楼 Fangrn 2011-01-24  
jx_dream 写道
楼主,我最近在做树形下拉菜单,菜单是出来了,但是点击树形的小加号 combo就会收回 又要点击下下拉框才能看到,怎么才能让下拉框不自动收回 谢谢



需要注意的是因为原本的下拉条中的点击动作相当于选中数据,所以在下拉树中要屏蔽下原始的事件,采取手工调用下拉条的 collapse();方法
3 楼 jx_dream 2011-01-23  
楼主,我最近在做树形下拉菜单,菜单是出来了,但是点击树形的小加号 combo就会收回 又要点击下下拉框才能看到,怎么才能让下拉框不自动收回 谢谢
2 楼 zhaozhiqiang6 2011-01-22  
我也要一份!谢谢!
zhaozhiqiang6@yahoo.com.cn
1 楼 jiang0723 2010-12-30  
请给我一个“extjs3.X支持树型的下拉控件”及其DEMO,谢谢!
jiangping1@163.com

相关推荐

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

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

    Extjs3.x入门学习

    它支持各种输入控件(如文本框、选择框、复选框等)、验证机制、按钮和布局。学习这部分内容将掌握如何创建、配置和管理表单元素,以及如何处理表单事件和数据提交。 3. **TreePanel使用**: TreePanel用于展示...

    extjs3.x 官方示例以及chm版api

    6. **Grid组件**:是ExtJS 3.x 中的重要组成部分,用于展示大量表格数据,支持排序、分页、筛选等功能。 7. **Charts**:虽然3.x版本的图表功能相对较弱,但还是提供了基础的图表组件,如柱状图、饼图等,满足基本...

    ExtJS 多文件上传 UploadDialog For ExtJS3.x

    ### ExtJS 多文件上传 UploadDialog For ExtJS3.x #### 概述 在Web开发领域,特别是使用ExtJS框架进行界面设计时,文件上传功能是必不可少的一部分。然而,随着ExtJS版本的更新,原有的多文件上传组件可能不再兼容...

    ExtJS 3.x中文API

    这个“ExtJS 3.x 中文API”压缩包提供了一个中文版的文档,对于那些不熟悉英文或者在没有翻译工具的情况下工作的人来说,是一个非常宝贵的资源。 API(Application Programming Interface)是一系列预先定义的函数...

    ExtJS3.x 中文API CHM 格式

    ExtJS3.x 中文帮助文档,是 CHM 格式的,方便阅读和查询。本人正在使用,效果不错,共享出来,方便大家。

    extjs3.x+swfupload.swf多文件上传终结版

    在文件上传场景中,ExtJS 3.x 提供了一套完整的表单组件,但默认情况下,它不支持多文件上传。这是因为浏览器的安全限制,JavaScript直接操作文件上传存在一定的局限性。 **SWFUpload** SWFUpload 是一个基于Flash...

    ExtJS2.X 版本app

    ExtJS2.X 版本app 这个版本目前找不到了噢

    extjs 3.x upload上传组件

    ExtJS 3.x Upload上传组件是基于ExtJS 3.x版本的一个功能强大的文件上传工具,它为Web应用程序提供了用户友好的界面和灵活的文件管理功能。这个组件在Web开发中非常实用,尤其对于需要处理大量文件上传的项目,如...

    ExtJs 2.X API

    详细的介绍了EXT2.X各种对象的属性、方法、事件

    extjs4.x tabpanel 动态加载panel和html例子

    在EXTJS 4.x框架中,`tabpanel`是用于创建多标签界面的组件,它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。...

    ExtJS3.0日期时间控件

    在ExtJS 3.0版本中,它提供了丰富的UI组件,包括日期时间控件,这使得开发者能够方便地在Web应用中集成日期和时间的选择功能。这篇博客文章可能是关于如何使用和自定义ExtJS 3.0中的日期时间字段(DateTimeField)的...

    Extjs2.x主题

    当时的ExtJS 2.x版本可能对较旧的浏览器有较好的支持,但随着时间的推移,新的浏览器特性可能会引入,因此在使用自定义或第三方主题时,应确保它们与目标用户群体所使用的浏览器兼容。 9. **性能考虑**: 虽然...

    extjs3.x combobox智能联想

    在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入文字,系统会根据输入内容自动进行模糊匹配,给出相关的建议选项。这种功能在数据筛选、搜索或者选择项较多时特别...

    ExtJS实现多文件上传UploadDialog For ExtJS3.x

    在本文中,我们将深入探讨如何使用ExtJS 3.x实现多文件上传功能,结合Struts2框架进行数据处理。首先,我们需要确保环境配置正确。在描述中提到,我们需要将一系列Struts2相关的库文件复制到项目的`WebContent\lib`...

    extjs 3.x hightchart 插件

    总的来说,通过`Ext.ux.HighChart.js`和`adapter-extjs.js`,开发者可以在ExtJS 3.x环境中利用Highcharts的强大图表功能,为用户提供更加生动和互动的图表展示,从而提升应用程序的用户体验。然而,为了保持应用的...

    Extjs4.1日期年月控件

    使用Extjs4.1编写了只能选择年月的日期控件

    extjs3.X 带复选框的树

    在本例中,我们关注的是"带复选框的树",这是一个在ExtJS 3.x版本中实现的功能,特别是在3.2、3.3和3.4版本中经过验证的特性。 "带复选框的树"是ExtJS中的TreePanel组件的一个扩展,允许用户通过复选框选择树结构中...

    EXTJS2.x_pagingstore.zip

    "EXTJS2.x_pagingstore.zip" 文件是一个压缩包,包含与ExtJS 2.x中的分页存储(Paging Store)相关的资源,这是一个非常关键的功能,尤其在处理大量数据时。 分页存储是ExtJS中用于管理大数据集的一种机制,它允许...

Global site tag (gtag.js) - Google Analytics