2012-05-09 32 views
0

我想单击按钮显示整个自动完成列表。我已经尝试了下面的代码,但它不工作。按钮上的自动完成单击jquery

$("#<%= btnCompanyList.ClientID%>").live('click', function (e) { 
     alert("hi"); 
     $("#txtDefaultCompany").autocomplete({ 
        source: function (request, response) { 
         $.ajax({ 
          url: "AutoComplete.asmx/GetCompanyname", 
          data: "{'prefixText':" + JSON.stringify(request.term) + "}", 
          dataType: "json", 
          type: "POST", 
          contentType: "application/json; charset=utf-8", 
          dataFilter: function (data) { return data; }, 
          success: function (data) { 
           alert(data.d); 
           response($.map(data.d, function (item) { 
            return { 
             label: item.company_name, 
             value: item.company_branch 
            } 
           })) 
          } 
         }); 
        }, 
        minLength:0 

       }); 

    }); 

在按钮上点击文本框可能是空的。但我想显示整个列表。 请任何想法或建议。

感谢,

+0

请人显得非常迫切 – asifa

回答

0

你需要调用.search自动完成对象as per the doco

希望这有助于对...

+0

可以ü请给我一个例子相同 – asifa

+0

$(“#txtDefaultCompany”)。自动完成(“搜索”,“”)不工作? – leon

+0

也检查这相关的帖子http://stackoverflow.com/questions/1268531/jquery-autocomplete-view-all-on-click – leon

0

简单,

这里有一个例子:on jsfiddle

但是,如果你想使用它与ajax调用,然后简单地添加到ajax“成功:”功能如下:

$(yourtxt).autocomplete({ 
    source: JSON.parse(resultData), 
    minLength: 0 
}).on("focus", function() { 
    $(this).autocomplete("search", ''); 
}); 

// set product combobox source 
$(yourtxt).autocomplete('search', ''); 
相关问题