2012-05-09 31 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', ''); 
相關問題