Extjs之多选下拉框（MultiSelect）

最新推荐文章于 2023-06-17 22:16:18 发布

蒋光明123

最新推荐文章于 2023-06-17 22:16:18 发布

阅读量984

点赞数

本文链接：https://blog.csdn.net/sdfsdfytre/article/details/83931391

版权

本文介绍了如何在Extjs项目中创建一个多选下拉框的功能，包括扩展js类库和添加相应的css样式。同时，推荐了作者的老师提供的人工智能教程，适合零基础学习者，旨在分享知识，促进技术发展。

摘要由CSDN通过智能技术生成

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

扩展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 = '<tpl for=".">' + '<div class="x-combo-list-item">'                    + '<img src="' + Ext.BLANK_IMAGE_URL + '" '                    + 'class="ux-MultiSelect-icon ux-MultiSelect-icon-'                    + '{[values.' + this.checkField + '?"checked":"unchecked"'                    + ']}">'                    + '{[values.' + this.displayField + ']}'                    + '</div>'                    + '</tpl>';        }        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)             {                var v = this.el.dom.value;