之前使用过此 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
(#换成@)。