我的Html是
<input type="text" id="id-5505Name" name="id-5505Name" value=" " class="autocomplete"/>
<input type="text" id="id-2333Name" name="id-2333Name" value=" " class="autocomplete"/>
<input type="text" id="id-2323Name" name="id-2323Name" value=" " class="autocomplete"/>
<input type="text" id="id-2322Name" name="id-2322Name" value=" " class="autocomplete"/>
我的JQuery脚本
$(".autocomplete").kendoAutoComplete({
minLength: 2, ignoreCase: true, placeholder: "Start typing...",
filter: 'contains', suggest: true,
dataTextField: "name",
dataValueField: 'id',
dataSource: {
type: "json",
serverFiltering: true,
transport: {
read: "PatientFileUpload/loaddrugname", parameterMap: function () {
return {
startsWith: $(this).data("kendoAutoComplete").value()
};
},
success: function (response) {
o.success(response);
}
}
}, select: function (e) {
var item = e.item;
var DataItem = this.dataItem(e.item.index());
alert('Name : ' + DataItem.name + ', Id : ' + DataItem.id);
}
});
我的问题是:
在上面的代码中,我无法访问 parameterMap 函数中的 $(this)对象,因此我需要访问当前对象,我可以&# 39;更改JQuery选择器(&#39; .autocompelete&#39;),我无法使用Id选择器...任何想法
答案 0 :(得分:1)
尝试改变:
var DataItem = $(this).dataItem(e.item.index());
为:
var DataItem = this.dataItem(e.item.index());
答案 1 :(得分:1)
使用闭包:
$(".autocomplete").each(function() {
var that = this;
$(this).kendoAutoComplete({
minLength: 2,
ignoreCase: true,
placeholder: "Start typing...",
filter: 'contains',
suggest: true,
dataTextField: "name",
dataValueField: 'id',
dataSource: {
type: "json",
serverFiltering: true,
transport: {
read: "PatientFileUpload/loaddrugname",
parameterMap: function () {
return {
startsWith: $(that).data("kendoAutoComplete").value()
};
},
success: function (response) {
o.success(response);
}
}
},
select: function (e) {
var item = e.item;
var DataItem = this.dataItem(e.item.index());
alert('Name : ' + DataItem.name + ', Id : ' + DataItem.id);
}
});
});