`
atgoingguoat
  • 浏览: 196762 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

EXTJS3 简易下拉框 easyCombo

    博客分类:
  • js
 
阅读更多

EXTJS 简易下拉框 easyCombo

一个自己拓展的简单下拉框

 

/**
 *简易下拉框

*/
Ext.ux.EasyCombo = Ext.extend(Ext.form.ComboBox, {
    initComponent: function() {
        this.readOnly = true;
        this.displayField = 'mc';
        this.valueField = 'id';
        this.triggerAction = 'all';
        this.mode=this.mode;
        this.store=this.store;
     this.forceSelection= true;
        this.editable=false;
        this.emptyText='请选择...';
        Ext.ux.EasyCombo.superclass.initComponent.call(this);
    }
});
Ext.reg('easyCombo', Ext.ux.EasyCombo);

前台调用:

 

,{
                     xtype:'easyCombo',
                     fieldLabel: '<span style="color:red;">* </span>收费方式',
                     hiddenName:'payModeNo',
                     allowBlank:false,
                     store : payModeNoStore,
                     value: 11,
                     mode: 'local'
}

分享到:
评论
7 楼 caleb_520 2010-09-08  
楼主能不能附件加上截图了。这样子新手也不知道这段代码到底是用来干什么的
6 楼 x03570227 2010-09-04  
你的继承没意义

fieldLabel: '<span style="color:red;">* </span>收费方式'
掺杂html代码,没有统一风格
用样式代替
itemCls:"required",
allowBlank:false,

楼主最好去看看this是干嘛用的

一个有用的继续应该像下面这样写
Ext.example.MyCombo =  Ext.extend(Ext.form.ComboBox, {
     constructor:function(config){
         config=config||{};
         Ext.apply(this,config);
         var c={
               //继承后,新对象的一些默认配置
         };
         Ext.example.MyCombo.superclass.constructor.call(this,c);
     },
     myFn:function(){
         //新对象的一些新方法
     }
});

如果不是非常常用,不必添加到自定义xtype,直接new即可,如:
var combo = new Ext.example.MyCombo({
     //一些必要的配置,如id项
});
5 楼 liuzk86 2010-09-04  
这个,靠,晕死,这个叫简易.....
4 楼 joeyhacker 2010-09-04  
太死板了, 至少留个fields[]可以自订吧, store就别要了
3 楼 Sean220 2010-09-03  
和2L一样没看出哪里简易了
2 楼 sunliao_first 2010-09-03  
你这种应该算是特定功能下的扩展吧
1 楼 qiu768 2010-09-03  
没看出比原生的combo简易到哪去。。。。。

相关推荐

    Extjs 轻松实现下拉框联动

    最近小弟做了Extjs实现实现下拉框联动的效果,参考了好久才学会,闲下来发一个简单的例子。。呵呵

    EXTJS 选下拉框,并取得下拉框的值

    在EXTJS中,下拉框(ComboBox)是一种常见的UI组件,常用于用户选择一个或多个预定义的选项。本篇文章将详细讲解如何在EXTJS中操作下拉框,以及如何获取用户选定的值。 首先,创建一个基本的EXTJS下拉框需要定义`...

    Extjs3 多选下拉框LovCombo

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

    extjs 复选下拉框的例子

    本文将深入探讨如何在ExtJS中实现复选下拉框(Multiselect ComboBox),并提供一个具体示例,帮助开发者更好地理解和应用这一功能。 ### ExtJS复选下拉框的实现 复选下拉框在用户界面设计中非常有用,它允许用户从...

    修复Extjs4.2 时间下拉框不能选择问题

    Extjs4.2 时间下拉框的 年和月是不可以选择的, 本插件可完美修复, 且在4.2.3上面测试的, 花了几天修复的所以分数高点;

    extjs 复选下拉框封装好

    extjs 复选下拉框的例子

    extjs4 ComboBox 点击下拉框 出现grid效果

    在EXTJS4中,ComboBox是一个常用的组件,它用于创建下拉选择框,通常用于输入框的辅助选择。这个组件提供了一种用户友好的方式来从一组预定义的选项中进行选择。然而,根据你的标题和描述,你似乎遇到了一个特别的...

    extjs多选 下拉框扩展

    在ExtJS中,下拉框(ComboBox)是常见的UI组件,通常用于显示一个可选的列表。然而,标准的ExtJS下拉框只支持单选模式。为了实现多选功能,我们需要对其进行扩展。这个“extjs多选 下拉框扩展”就是解决这个问题的一...

    extjs多选下拉框

    在EXTJS框架中,"多选下拉框"(Multi-Select ComboBox)是一种常见的组件,它允许用户在下拉列表中选择多个选项。EXTJS 3.*版本也提供了这种功能,使得开发者能够创建功能丰富的界面,提升用户体验。下面将详细解释...

    extjs树形下拉框treeField

    extjs 树形下拉列表框,可以进行数据选择,数据回显。

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选

    在ExtJS 3.4.0版本中,多选下拉框(Multiselect Combobox)是一种常见的用户界面组件,用于提供多个选项供用户选择。这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到...

    找到的ExtJS实现多选下拉框3个代码

    本文将深入探讨如何在ExtJS中实现多选下拉框功能,这在数据输入和选择场景中非常常见。我们将基于标题中的“3个代码”来讲解不同的实现方法,并结合提供的资源`demo`进行说明。 1. **ExtJS的MultiSelect ComboBox**...

    Extjs带图片下拉框

    3. **配置ComboBox**: 现在,我们需要配置ComboBox,包括设置store、displayField(显示字段)、valueField(值字段),以及我们的自定义模板: ```javascript var comboBox = Ext.create('Ext.form.field....

    extjs实现下拉框多选

    在ExtJS中,下拉框(ComboBox)是用户界面中常见的组件,通常用于单选操作。然而,通过扩展和定制,我们也可以实现下拉框的多选功能。在本篇中,我们将深入探讨如何在ExtJS中实现下拉框的多选功能。 首先,了解基本...

    ExtJS 3.1 下拉框 与aps.net绑定使用

    在ASP.NET环境下,我们可以利用ExtJS的Ajax能力与服务器端进行数据交互,动态地填充下拉框选项。 首先,让我们了解ExtJS 3.1中下拉框的基本结构。ComboBox主要由以下几部分组成: 1. **Store**: 存储下拉框选项的...

    ExtJs4.2 下拉框树

    3. **自动调整高度**:解决高度不能自动调整的问题,开发者可能引入了自适应高度的逻辑,可能是通过计算节点数量、每行的高度以及视口高度,然后动态设置下拉框的高度。 4. **自定义样式和交互**:为了使下拉树更加...

    EXTJS多选下拉框

    在EXTJS中,多选下拉框(Lovcombo)是一种常见的组件,它结合了选择列表和输入框的功能,允许用户从预定义的选项中选择多个条目。这个lovcombo是lov(List-Value)和combo(组合框)的结合体,提供了丰富的交互性和...

    Extjs4 下拉树 TreeCombo

    ExtJS 4 下拉树(TreeCombo)是一种组合控件,它将传统的下拉框与树形结构结合在一起,提供了一种在有限空间内展示层级数据的高效方式。这种控件在很多场合都非常实用,例如在需要用户选择分类或者层级结构的场景中...

    extjs表单中的下拉框(comobobox)手动添加空选项

    ### ExtJS表单中的下拉框(ComboBox)手动添加空选项 在开发Web应用程序时,ExtJS 是一个非常强大的库,它提供了丰富的组件和API来帮助开发者构建复杂的用户界面。其中一个常用的组件就是`ComboBox`(组合框),它...

Global site tag (gtag.js) - Google Analytics