//定义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;
}
}
},
分享到:
相关推荐
SmartSelect允许您使用各种选择输入(例如单选,复选框,开关,芯片或什至自定义输入)轻松地将通常的表单选择或下拉列表转换为动态页面,弹出对话框或滑动底页。 支持单选和多选。 受到Smart Select组件的启发。 4....
复选框 9 滚动条 9 通过测试: 返回目录 9 失败测试: 10 登陆 10 添加 10 删除 10 查询 返回目录 11 翻页控件 12 树控件的测试外观操作返回目录 12 命令按钮 返回目录 13 一、各种控件在窗体中混和使用时的测试 13 ...
问题 2-7: 我的 Visual FoxPro 5.0 表单中包含有 ListView 或 TreeView 控件,它们不继承其新版本中的最新功能(如支持复选框)。已发布的应用程序中,由于带有这些表单,而在最终用户的机器上出现表单 OLE 错误,...
推荐配置:CPU Celeron 400 以上,内存 64M,显卡 2M 显存,声卡全双工并带输出回录功能(能录制自身播放的 WAV 文件)。 学生机: 最低配置:CPU Pentium 133 以上,内存 16M 以上,显卡 1M 显存以上,声卡全双工。 ...
自动显示布尔字段的复选框。允许显示 其他类型字段的复选框。 具有保存和还原布局的程序(可见列,列 注册表或ini文件中的顺序,列宽,排序标记,行高)。 允许显示提示(工具提示)以显示单元格中不适合的...
-改变(通知) -点击公司复选框选择所有收件人。 -改变(通知) -收件人都显示按字母顺序排列。 -改变(通知) -修正了几乎所有的意见,使用恰当的语言元素。 -改变(主题) -海洋:更多视图选项和操作菜单,而...
2.注册组件(性别选择,复选框,单选框,下拉列表,民族选择等) 3.抽屉菜单,导航菜单,搜索,分页条,滑块,进度条,走马灯,评星,验证码,日历,时间设置,选中统计,图片轮播,漂浮广告,喜欢,点赞,抽奖转盘...
-使用material-ui的完整堆栈表组件- 安装 ・包体 npm install mui-drip-table -依赖包 npm install @material-ui/core @... 3种类型的“复选框”,“下拉列表”,“多选” textLabels 目的 指定标签。细节 pagination
人力资源管理软件功能介绍 本人力资源软件包含人事档案管理 本人力资源软件包含工资管理 本人力资源软件包含考勤管理 本人力资源软件包含绩效管理 本人力资源软件包含用户管理 本人力资源软件软件界面美观,...
多滴桌使用material-ui的完整堆栈表组件安装・包装体npm install mui-drip-table-依赖包npm install @material-ui/core @... 3种类型的“复选框”,“下拉列表”,“多选” textLabels 目的指定标签。细节paginat
1、功能 1、提交用户请求 (UA : User Agent) 2、作为HTML 以及 脚本执行的 解释器 3、以图形化的方式显示web页面 2、主要浏览器产品 1、Microsoft Internet Explorer (IE) 2、Mozilla Firefox 3、Google ...
一款美化表单下拉列表、复选框等的jquery combobox插件实例 30.站长必备jquery实现combox自动筛选,高亮显示功能 4)菜单 1.jquery+CSS超炫丽横向多级滑动导航菜单 2.jQuery+CSS漂亮蓝色三级菜单下载 3....