버튼 클릭 jquery에 자동 완성

Question

버튼 하나를 클릭하면 전체 자동 완성 목록을 표시하려고합니다. 아래 코드를 시도했지만 작동하지 않습니다.

$("#<%= 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 

       }); 

    }); 

버튼을 클릭하면 텍스트 상자가 비어있을 수 있습니다. 하지만 전체 목록을 표시하고 싶습니다. 아이디어 나 제안 사항을 알려주십시오.

Answer 1

당신은 as per the doco

희망이 도움이 자동 완성 객체에 .search 전화를해야합니다 ...

Answer 2

간단한

감사합니다, 당신은 여기에 예를

: on jsfiddle

그러나 ajax 호출과 함께 사용하려면 다음을 ajax "success :"함수에 추가하면됩니다.

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

// set product combobox source 
$(yourtxt).autocomplete('search', '');