在asp.net中过滤Ajax组合框

Question

我正在使用具有组合框功能的Ajax工具包，所显示的项大约为40,000，因此我想在其上应用过滤器，以便用户在组合框中键入一个字母，并且相应的条目以“ a”开头显示在组合框中。

请问我不使用Radcombobox，它是最简单的组合框。

<asp:ComboBox ID="AppComCombx" runat="server" 
                                CssClass="dropdownpersonal textfont" 
                                onselectedindexchanged="AppComCombx_SelectedIndexChanged" AutoPostBack="true"> 
</asp:ComboBox>

Answer 1

试试这个： AutoCompleteMode = "SuggestAppend"

像这样

<ajaxToolkit:ComboBox ID="ComboBox1" runat="server"
     AutoPostBack="False"
     DropDownStyle="DropDownList"
     AutoCompleteMode="SuggestAppend"
     CaseSensitive="False"
     CssClass=""
     ItemInsertLocation="Append" /> 

欲了解更多信息，请点击这里

Answer 2

使用下面的脚本将其添加到js文件的ScriptManager参考中，并使用“ Suggest或“ None模式进行组合

Sys.Application.add_load(function () {
    Sys.Extended.UI.ComboBox.prototype._ensureHighlightedIndex = function () {
        // highlight an index according to textbox value
        var textBoxValue = this.get_textBoxControl().value;

        // first, check the current highlighted index
        if (this._highlightedIndex != null && this._highlightedIndex >= 0
            && this._isExactMatch(this._optionListItems[this._highlightedIndex].text, textBoxValue)) {
            return;
        }

        // need to find the correct index
        var firstMatch = -1;
        var ensured = false;
        var children = this.get_optionListControl().childNodes;

        for (var i = 0; i < this._optionListItems.length; i++) {
            var itemText = this._optionListItems[i].text;
            children[i].style.display = this._isPrefixMatch(itemText, textBoxValue) ? "list-item" : "none";

            if (!ensured && this._isExactMatch(itemText, textBoxValue)) {
                this._highlightListItem(i, true);
                ensured = true;
            }
            // if in DropDownList mode, save first match.
            else if (!ensured && firstMatch < 0 && this._highlightSuggestedItem) {
                if (this._isPrefixMatch(itemText, textBoxValue)) {
                    firstMatch = i;
                }
            }
        }

        if (!ensured) {
            this._highlightListItem(firstMatch, true);
        }
    };
});

在这种情况下，AutoCompleteExtender是更好的选择，因为ComboBox将一直渲染页面上的所有项目