Автозаполнение JQuery с JEditable

Question

Я пытаюсь прикрепить автозаполнение JQuery с JEditable. Получил следующее, например, при поиске. Но это также, похоже, не работает.

http://www.pastie.org/978610

Я хочу прикрепить автозаполнение к

таблицы данных (Аллан Джардин).

У кого-нибудь есть фрагмент кода для того же самого?

Pl help ..

Спасибо,

Bhoomi.

Answer 1

Наконец-то у меня все заработало .. Это код:

$.editable.addInputType('autocomplete', {
element : $.editable.types.text.element,
plugin : function(settings, original) {
    $('input', this).autocomplete(settings.autocomplete.url, {                                                 
            dataType:'json',
            parse : function(data) {                                                                                                                    
                                    return $.map(data, function(item){
                                        return {
                                                data : item,
                                                value : item.Key,
                                                result: item.value                                                                                     
                                               }
                                    })
                                   },
            formatItem: function(row, i, n) {                                                        
                    return row.value;
                },
            mustMatch: false,
            focus: function(event, ui) {                                                
              $('#example tbody td[title]').val(ui.item.label);
              return false;
              }
            });                                        
    }}); $("#example tbody td[title]").editable(function(value,settings){
    return value;
}, 
{                                     
    type      : "autocomplete",
    tooltip   : "Click to edit...",            
    autocomplete : 
        { 
            url : "autocompleteeg.aspx" 
        }});     oTableexample = $('#example').dataTable({
                                                         "bInfo": false
                                                          }); 

Данные Json: [{"Key": "1", "value": "Корень меню"}, {"Key": "2", "value": "Пункт меню 1"}]

Мне не хватало функции javscript в Jeditable. Я хотел вызвать функцию JavaScript после того, как пользователь выберет значение.

В этом примере используются автозаполнение (BAssistance), DataTable (Аллан Джардин) и JEditable (Майк Таппола). Теперь моя следующая задача - интегрировать KeyTable (Аллан Джардин) в это ..: -)

Answer 2

Вот быстрый автозаполнение пользовательского ввода для Jeditable. Напишите что-нибудь, начинающееся с буквы «а». Посмотрите источник, как это было сделано.

$(document).ready(function() {
    $.editable.addInputType('autocomplete', {
        element : $.editable.types.text.element,
        plugin : function(settings, original) {
            $('input', this).autocomplete(settings.autocomplete.data);
        }
    });

    $(".autocomplete").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", { 
        indicator : "<img src='img/indicator.gif'>",
        type      : "autocomplete",
        tooltip   : "Click to edit...",
        onblur    : "submit",
        autocomplete : {
           data : ["Aberdeen", "Ada", "Adamsville", "Addyston", "Adelphi", "Adena", "Adrian", "Akron"]
        }
    });
});