让我们看看我是否能很好地解释它。。。我有一个函数,可以为我的自动完成设置常用选项(minLength、delay、close、response…(。但我的一个自动完成程序需要在响应方法上做一些额外的工作。如何执行"原始公共响应函数"和额外的工作?是否可以不扩展小部件?
function attachAutocomplete_Common(arControlIds) {
$.each(arControlIds, function (i, control) {
$("#" + control).autocomplete({
minLength: 3,
delay: 800,
autoFocus: true,
focus: function (event, ui) {
$(this).val(ui.item.label);
return false;
},
response: function (event, ui) {
if (ui.content != null && ui.content.length === 1) {
$(this).data("ui-autocomplete").term = null;
$(this).data("ui-autocomplete")._trigger("select", "autocompleteselect", { item: ui.content[0] });
$(this).autocomplete("close");
}
}
});
});
}
$(document).ready(function () {
attachAutocomplete_Common(["cmbCountry", "cmbCity", "cmZipCode"]);
$("#cmZipCode").autocomplete({
response: function (event, ui) {
[execute common response function];
doSomeExtraWork();
}
});
});
将公共代码放入小部件之外的自己的函数中。然后从两个位置调用它-从attachAutocomplete_Common
内的response
和从#cmZipCode
的位置调用:
var commonResponse = function (event, ui) {
if (ui.content != null && ui.content.length === 1) {
$(this).data("ui-autocomplete").term = null;
$(this).data("ui-autocomplete")._trigger("select", "autocompleteselect", { item: ui.content[0] });
$(this).autocomplete("close");
}
};
function attachAutocomplete_Common(arControlIds) {
$.each(arControlIds, function (i, control) {
$("#" + control).autocomplete({
// ommitted, see above
},
response: commonResponse.bind(this)
});
});
}
$(document).ready(function () {
attachAutocomplete_Common(["cmbCountry", "cmbCity", "cmZipCode"]);
$("#cmZipCode").autocomplete({
response: function (event, ui) {
commonResponse.bind(this)(event, ui);
doSomeExtraWork();
}
});
});
编辑:作用域问题:要么像另一个答案一样,要么通过绑定。我已经更新了代码。我还没有尝试在each
循环中绑定函数(如图所示(是否足够。
基于Risadinha的答案,我让它发挥了作用。尝试访问"commonResponse"函数内部的"this"时出错。这是工作代码。
var commonResponse = function (event, ui, $ctl) {
if (ui.content != null && ui.content.length === 1) {
var $self = $ctl || $(this);
$self.data("ui-autocomplete").term = null;
$self.data("ui-autocomplete")._trigger("select", "autocompleteselect", { item: ui.content[0] });
$self.autocomplete("close");
}
};
function attachAutocomplete_Common(arControlIds) {
$.each(arControlIds, function (i, control) {
$("#" + control).autocomplete({
// ommitted, see above
},
response: commonResponse
});
});
}
$(document).ready(function () {
attachAutocomplete_Common(["cmbCountry", "cmbCity", "cmbZipCode"]);
$("#cmbZipCode").autocomplete({
response: function (event, ui) {
commonResponse(event, ui, $(this));
doSomeExtraWork();
}
});
});