`

带复选框且支持搜索功能的下拉列表1(1--14)

EXT 
阅读更多
//定义record
var rec;
Ext.form.MultiComboBox = Ext.extend(Ext.form.TriggerField, {
    defaultAutoCreate : {tag: "input", type: "text", size: "24", autocomplete: "off"},
    listClass: '',
    selectedClass: 'x-combo-selected',
    triggerClass : 'x-form-arrow-trigger',
    shadow:'sides',
    listAlign: 'tl-bl?',
    maxHeight: 300,
    triggerAction: 'query',
    minChars : 4,
    typeAhead: false,
    queryDelay: 500,
    pageSize: 0,
    selectOnFocus:false,
    queryParam: 'query',
    loadingText: 'Loading...',
    resizable: false,
    handleHeight : 8,
    editable: true,
    allQuery: '',
    mode: 'remote',
    minListWidth : 70,
    forceSelection:false,
    typeAheadDelay : 250,
    displaySeparator:';',
    valueSeparator:',',
    lazyInit : true,

    initComponent : function()
    {
        Ext.form.ComboBox.superclass.initComponent.call(this);
        this.addEvents('expand', 'collapse', 'beforeselect', 'select', 'beforequery');
        if (this.transform)
        {
            this.allowDomMove = false;
            var s = Ext.getDom(this.transform);
            if (!this.hiddenName)
            {
                this.hiddenName = s.name;
            }
            if (!this.store)
            {
                this.mode = 'local';
                var d = [], opts = s.options;
                for (var i = 0, len = opts.length; i < len; i++)
                {
                    var o = opts[i];
                    var value = (Ext.isIE ? o.getAttributeNode('value').specified : o.hasAttribute('value')) ? o.value :
                            o.text;
                    if (o.selected)
                    {
                        this.value = value;
                    }
                    d.push([value, o.text]);
                }
                this.store = new Ext.data.SimpleStore({
                    'id': 0,
                    fields: ['value', 'text'],
                    data : d
                });
                this.valueField = 'value';
                this.displayField = 'text';
            }
            s.name = Ext.id(); // wipe out the name in case somewhere else they have a reference
            if (!this.lazyRender)
            {
                this.target = true;
                this.el = Ext.DomHelper.insertBefore(s, this.autoCreate || this.defaultAutoCreate);
                Ext.removeNode(s); // remove it
                this.render(this.el.parentNode);
            }
            else
            {
                Ext.removeNode(s); // remove it
            }

        }
        this.selectedIndex = -1;
        if (this.mode == 'local')
        {
            if (this.initialConfig.queryDelay === undefined)
            {
                this.queryDelay = 10;
            }
            if (this.initialConfig.minChars === undefined)
            {
                this.minChars = 0;
            }
        }
    },
  • foo.rar (646 Bytes)
  • 下载次数: 10
分享到:
评论

相关推荐

    flutter_smart_select:SmartSelect允许您使用各种选择输入(例如单选,复选框,开关,芯片或什至自定义输入)轻松地将通常的表单选择或下拉列表转换为动态页面,弹出对话框或滑动底页。 支持单选和多选

    SmartSelect允许您使用各种选择输入(例如单选,复选框,开关,芯片或什至自定义输入)轻松地将通常的表单选择或下拉列表转换为动态页面,弹出对话框或滑动底页。 支持单选和多选。 受到Smart Select组件的启发。 4....

    功能测试用例大全1500条

    复选框 9 滚动条 9 通过测试: 返回目录 9 失败测试: 10 登陆 10 添加 10 删除 10 查询 返回目录 11 翻页控件 12 树控件的测试外观操作返回目录 12 命令按钮 返回目录 13 一、各种控件在窗体中混和使用时的测试 13 ...

    vfp6.0系统免费下载

    问题 2-7: 我的 Visual FoxPro 5.0 表单中包含有 ListView 或 TreeView 控件,它们不继承其新版本中的最新功能(如支持复选框)。已发布的应用程序中,由于带有这些表单,而在最终用户的机器上出现表单 OLE 错误,...

    多媒体教室

    推荐配置:CPU Celeron 400 以上,内存 64M,显卡 2M 显存,声卡全双工并带输出回录功能(能录制自身播放的 WAV 文件)。 学生机: 最低配置:CPU Pentium 133 以上,内存 16M 以上,显卡 1M 显存以上,声卡全双工。 ...

    delphi EhLib 9.5.012 Full Source 专业版 .rar

    自动显示布尔字段的复选框。允许显示 其他类型字段的复选框。 具有保存和还原布局的程序(可见列,列 注册表或ini文件中的顺序,列宽,排序标记,行高)。 允许显示提示(工具提示)以显示单元格中不适合的...

    projectpier v0.8.8 稳定版.zip

    -改变(通知) -点击公司复选框选择所有收件人。 -改变(通知) -收件人都显示按字母顺序排列。 -改变(通知) -修正了几乎所有的意见,使用恰当的语言元素。 -改变(主题) -海洋:更多视图选项和操作菜单,而...

    原型设计,axure9最全组件库

    2.注册组件(性别选择,复选框,单选框,下拉列表,民族选择等) 3.抽屉菜单,导航菜单,搜索,分页条,滑块,进度条,走马灯,评星,验证码,日历,时间设置,选中统计,图片轮播,漂浮广告,喜欢,点赞,抽奖转盘...

    mui-drip-table:使用material-ui的完整堆栈表组件

    -使用material-ui的完整堆栈表组件- 安装 ・包体 npm install mui-drip-table -依赖包 npm install @material-ui/core @... 3种类型的“复选框”,“下拉列表”,“多选” textLabels 目的 指定标签。细节 pagination

    人力资源管理软件(完全免费)

    人力资源管理软件功能介绍 本人力资源软件包含人事档案管理 本人力资源软件包含工资管理 本人力资源软件包含考勤管理 本人力资源软件包含绩效管理 本人力资源软件包含用户管理 本人力资源软件软件界面美观,...

    mui-drip-table_dev:开发环境

    多滴桌使用material-ui的完整堆栈表组件安装・包装体npm install mui-drip-table-依赖包npm install @material-ui/core @... 3种类型的“复选框”,“下拉列表”,“多选” textLabels 目的指定标签。细节paginat

    html入门到放弃笔记

    1、功能 1、提交用户请求 (UA : User Agent) 2、作为HTML 以及 脚本执行的 解释器 3、以图形化的方式显示web页面 2、主要浏览器产品 1、Microsoft Internet Explorer (IE) 2、Mozilla Firefox 3、Google ...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    一款美化表单下拉列表、复选框等的jquery combobox插件实例 30.站长必备jquery实现combox自动筛选,高亮显示功能 4)菜单 1.jquery+CSS超炫丽横向多级滑动导航菜单 2.jQuery+CSS漂亮蓝色三级菜单下载 3....

Global site tag (gtag.js) - Google Analytics