劍道自動完成的jQuery插件錯誤

Question

我的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函數，所以我需要訪問當前對象，我不能更改JQuery選擇器（ '.autocompelete'），我無法使用id選擇...任何想法

Answer 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); 
     } 
    }); 
}); 

Answer 2

嘗試改變：

var DataItem = $(this).dataItem(e.item.index()); 

到：

var DataItem = this.dataItem(e.item.index());