显示动态搜索结果下拉列表

时间:2015-10-19 17:23:01

标签: selectize.js

我使用选择性来使用ASP.Net网络服务加载动态搜索结果,并且没有问题。但是,为了显示结果的下拉列表,我必须丢失并从选择控件(删除文本)中重新获得焦点,或者删除我键入的内容。

键入时如何显示结果下拉列表?这是我正在使用的代码

$('#input-tags3').selectize(
{
valueField : 'id',
labelField : 'name',
searchfield : 'name',
plugins : ['remove_button'],
options : [],
delimiter : ',',
highlight : true,
persist : true,
hideselected : true,
create : false,
load : function (query, callback)
{
    if (!query.length || query.length < 3)
        return callback();
    $.ajax(
    {
        url : '../data/WebService1.asmx/GetLookup',
        data : "pSearchType=CAC&pQuery=" + query,
        type : 'GET',
        error : function ()
        {
            callback();
        },
        success : function (res)
        {
            callback(res);
        }
    }
    );
}
score : function (search)
{
    var score = this.getScoreFunction(search);
    return function (item)
    {
        return score(item) * (1 + Math.min(item.watchers / 100, 1));
    };
},
render :
{
    item : function (item, escape)
    {

        return '<div>'
         + '<b>' + item.id + '</b><p>' + item.name + '</p></div>'

    },
    option : function (item, escape)
    {

        return '<div>'
         + '<b>' + item.id + '</b><p>' + item.name + '</p></div>'

    }
}
});

此外,上述代码会将任何动态结果附加到下拉列表中,并且不会按预期清除它。

1 个答案:

答案 0 :(得分:1)

您需要在输入中添加onChange事件,例如:selectize.js : to clear selected value in onChange event