`
Fangrn
  • 浏览: 822686 次
  • 性别: 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

相关推荐

    ExtJS下拉列表树控件1

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

    ext js 下拉树

    下拉树(Dropdown Tree)是Ext JS中的一种特殊控件,它结合了下拉列表和树结构的功能,通常用于展示层次化的数据,并让用户从中选择一个或多个项。 下拉树的基本结构由两部分组成:一个文本框和一个关联的下拉面板...

    extjs控件列表

    ### ExtJS控件详解 #### 基本组件 **Ext.Button** - **描述**: 提供了一种标准的用户交互方式,通常用于触发特定事件或功能。 - **用途**: 创建按钮,可以设置图标、文本、工具提示等。 **Ext.SplitButton** - **...

    ExtJs xtype一览

    ### ExtJs xtype一览 在ExtJs框架中,`xtype`是用于定义组件类型的扩展类型。这是一种简化的组件标识方式,使得开发者可以更方便地在配置文件或代码中指定组件类型,而无需完整地写出对应的类名。下面,我们将根据...

    extjs 项目整理

    通过上述知识点的详细介绍,我们可以看出 ExtJS 是一个非常强大且灵活的前端框架,它不仅提供了丰富的 UI 组件库,还支持复杂的事件处理机制以及数据绑定等功能。对于希望构建高质量、高性能 Web 应用程序的开发者来...

Global site tag (gtag.js) - Google Analytics