如何从文本框的自动完成功能中获取完整的数据列表？

Question

我在文本框上使用了自动完成功能，在输入任何字母时它会填充数据列表，但我想在单击文本框时填充总数据列表，而不在文本框中输入任何字母。 这是我使用的代码：

<script type="text/javascript">
$(document).ready(function () {

    $("#<%=Searchtxt.ClientID %>").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: '<%=ResolveUrl("~/WebService.asmx/Get") %>',
                data: "{ 'prefix': '" + request.term + "'}",
                dataType: "json",
                type: "POST",
                scroll: true,
                scrollHeight: 180,
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    response($.map(data.d, function (item) {
                        return {
                            label: item.split('-')[0],
                            val: item.split('-')[1]
                        }
                    }))
                },
                error: function (response) {
                    alert(response.responseText);
                },
                failure: function (response) {
                    alert(response.responseText);
                }
            });
        },
        select: function (e, i) {
            $("#<%=bHdn.ClientID %>").val(i.item.val);
        },
        minLength: 1
    });
});

 </script>

Answer 1

试试这个，

Reference

删除

data: "{ 'prefix': '" + request.term + "'}",

并添加而不是上面

data: { 'prefix': request.term },