extjs获取多选框_Extjs之多选下拉框(MultiSelect)

本文介绍了如何在ExtJS中创建一个实现多选功能的下拉框组件Ext.form.MultiSelect。内容包括定义组件、设置模板、处理多选状态以及加载数据。同时提供了CSS样式和示例代码,演示了如何初始化和加载数据到一个多选下拉框,并实现了全选和全不选功能。
摘要由CSDN通过智能技术生成

扩展js类库,在项目中建立一个 js文件,命名为:xxx.js  其代码为:

if ('function' !== typeof RegExp.escape)

{

RegExp.escape = function (s)

{

if ('string' !== typeof s)

{

return s;

}

return s.replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');

};

}

Ext.ns('Ext.form');

Ext.form.MultiSelect = Ext.extend(Ext.form.ComboBox,

{

checkField: 'checked',

multi: true,

separator: ',',

initComponent: function ()

{

if (!this.tpl)

{

this.tpl = '' + '

'

+ '

+ 'class="ux-MultiSelect-icon ux-MultiSelect-icon-'

+ '{[values.' + this.checkField + '?"checked":"unchecked"'

+ ']}">'

+ '{[values.' + this.displayField + ']}'

+ '

'

+ '';

}

Ext.form.MultiSelect.superclass.initComponent.apply(this, arguments);

this.on(

{

scope: this,

beforequery: this.onBeforeQuery,

blur: this.onRealBlur

});

this.onLoad = this.onLoad.createSequence(function ()

{

if (this.el)

{

v

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值