JQuery AutoComplete с JEditable

Question

JQuery AutoComplete с JEditable

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

http://www.pastie.org/978610

Я хочу присоединить AutoComplete к DataTable (Allan Jardine).

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

Мн справка..

Спасибо,

Bhoomi.

1

jquery autocomplete datatable jeditable

задан bkak 26 May 2010 в 19:22

2 ответа

Другие вопросы по тегам:

jquery autocomplete datatable jeditable

Похожие вопросы:

score 1 · 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 после того, как пользователь выберет значение.

Этот пример использует AutoComplete (BAssistance), DataTable (Allan Jardine) и JEditable (Mike Tuppola). Теперь моя следующая задача - интегрировать KeyTable (Allan Jardine) в это... :-)

.

score 1 · Answer 2

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

$(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"]
        }
    });
});