你的位置:首页 > 软件开发 > Java > jQuery Autocomplete 备忘录

jQuery Autocomplete 备忘录

发布时间:2016-11-06 19:00:23
之前使用过此 widget,如今再次需要,发现很多东西已经记不起来了,当然之前用的版本也不一样。使用之前当然是先认真阅读官方的说明文档和示例,这点很重要,而不是东一块西一点的去网上瞎找资料。Options,Methods,Events 区分的很详细,参考 jQuery Aut ...

之前使用过此 widget,如今再次需要,发现很多东西已经记不起来了,当然之前用的版本也不一样。

使用之前当然是先认真阅读官方的说明文档和示例,这点很重要,而不是东一块西一点的去网上瞎找资料。Options,Methods,Events 区分的很详细,参考 jQuery Autocomplete Widget API DOC 。

我需要的场景是,一个文本框,根据动态输入,ajax get data source,select 结果后做些 dom 操作。这是一个简单场景,当然我需要的其实很复杂,后面讲。先说我遇到的问题。

先看使用代码:

function registerAuto() {  var autoId = "cust-code";  $("#" + autoId)    .autocomplete({      source: function(request, response) {        var term = $.trim(request.term);        //term.replace("$", "") only replace the first match one        if (term.length === 0 || $.trim(term.split("$").join("")).length === 0) {          return;        }        $.ajax({          url: "/order/aeo/customer",          method: "post",          dataType: "json",          data: { keywords: term },          success: function(data) {            response(data);          }        });      },      delay: 800,      autoFocus: true,      minLength: 2,      position: { my: "left bottom", at: "left top" },      select: function(event, ui) {        //console.log(ui);        showCustomer(ui.item.value);      },      change: function(event, ui) {        //console.log(ui);        if (!ui.item) {          $("#" + autoId).val("");          hideCustomer();        }      }    });}

原标题:jQuery Autocomplete 备忘录

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录