Kendo AutoComplete Ошибка плагина Jquery

Мой 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);
            }
    });

Моя проблема:

В предыдущем коде я не могу получить доступ к объекту $(this) в функции parameterMap, поэтому мне нужно получить доступ к текущему объекту, и я не могу изменить селектор JQuery. ('.autocompelete'), и я не могу использовать селектор идентификаторов... Любые идеи


javascript jquery kendo-ui kendo-autocomplete
person Farahatology    schedule 15.02.2014    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Используйте замыкание:

$(".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);
       }
   });
});
person Lars Höppner    schedule 15.02.2014

arrow_upward
1
arrow_downward

Попробуйте изменить:

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

to:

var DataItem = this.dataItem(e.item.index());
person Felix    schedule 15.02.2014