zoukankan      html  css  js  c++  java
  • JQuery autocomplete获得焦点触发弹出下拉框

    需求:autocomplete控件,当点击获得焦点的时候也要弹出下拉列表(autocomplete默认是输入之后才会跟随出下拉列表),下面直接贴代码。

    js代码:

    $("#customerName").autocomplete({
                minLength: 0,
                source: function (request, response) {
                    var customerName = $("#customerName").val();
                    $.ajax({
                        url: "/api/pmstransaction/getcustomerinfo",
                        dataType: "json",
                        data: {
                            customerName: customerName
                        },
                        success: function (data) {
                            response(data.Data);
                        }
                    });
                },
                focus: function (event, ui) {
                    $("#customerName").val(ui.item.CustomerName);
                    return false;
                },
                select: function (event, ui) {
                    module.viewModel.customerInfo.CustomerName(ui.item.CustomerName);
                    module.viewModel.customerInfo.CustomerTaxCode(ui.item.CustomerTaxCode);
                    module.viewModel.customerInfo.CustomerAddressPhone(ui.item.CustomerAddressPhone);
                    module.viewModel.customerInfo.CustomerBankAccount(ui.item.CustomerBankAccount);
                    return false;
                }
            }).focus(function () {
                $(this).autocomplete("search");
            }).autocomplete("instance")._renderItem = function (ul, item) {
                return $("<li>")
                    .append("<div>" + item.CustomerName + "</div>")
                    .appendTo(ul);
            }
    

      

      重点代码

    focus(function () {
    $(this).autocomplete("search");
    })

  • 相关阅读:
    win7同时安装python2和python3
    Centos6.8安装python3.6
    Typescript的接口
    ES5中的类相关/Typescript的类相关
    Typescript介绍
    Global Interpreter Lock 全局解释器锁
    Go语言设计模式(五)
    Go语言设计模式(四)
    Go语言反射
    Go语言程序设计(三)
  • 原文地址:https://www.cnblogs.com/xuwendong/p/6489437.html
Copyright © 2011-2022 走看看