带复选框且支持搜索功能的下拉列表6

最新推荐文章于 2023-04-04 14:47:14 发布

原创最新推荐文章于 2023-04-04 14:47:14 发布 · 352 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

本文深入探讨了ExtJS中私有方法onLoad与onTypeAhead的功能实现。onLoad方法负责组件加载后的初始化工作，包括高度限制、查询匹配及选择项高亮等；onTypeAhead则用于实现输入时自动匹配列表首项的功能。


// private
    onLoad : function()
    {
        if (!this.hasFocus)
        {
            return;
        }
        if (this.store.getCount() > 0)
        {
            this.expand();
            this.restrictHeight();
            if (this.lastQuery == this.allQuery)
            {
                if (this.editable)
                {
                    this.el.dom.select();
                }
                if (!this.selectByValue(this.value, true))
                {
                    this.select(0, true);
                }
            }
            else
            {
                this.selectNext();
                if (this.typeAhead && this.lastKey != Ext.EventObject.BACKSPACE && this.lastKey != Ext.EventObject
                        .DELETE)
                {
                    this.taTask.delay(this.typeAheadDelay);
                }
            }
        }
        else
        {
            this.onEmptyResults();
        }
    },

    // private
    onTypeAhead : function()
    {

        if (this.store.getCount() > 0)
        {
            var r = this.store.getAt(0);
            var newValue = r.data[this.displayField];
            var len = newValue.length;
            var selStart = this.getRawValue().length;
            if (selStart != len)
            {
                this.setRawValue(newValue);
                this.selectText(selStart, newValue.length);
            }
        }
    },