JQuery自動完成與JEditable

Question

我想附加與JEditable JQuery的自動完成。 得到以下例如搜索。但它似乎也沒有工作。

http://www.pastie.org/978610

我想自動完成連接到< TD數據表（艾倫·怡和）的>。

有沒有人有相同的代碼片段？

PL幫助..

感謝，

土之棧。

Answer 1

這是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"] 
     } 
    }); 
}); 

Answer 2

最後我得到它的工作.. 這是代碼：

$.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數據是：[{ 「關鍵」： 「1」， 「值」： 「根菜單」} ，{「Key」：「2」，「value」：「Menu Item 1」}]

我錯過了jeditable中的javscript函數。我想在用戶選擇值後調用javascript函數。

本示例使用AutoComplete（BAssistance），DataTable（Allan Jardine）和JEditable（Mike Tuppola）。現在我的下一個挑戰是將KeyTable（Allan Jardine）整合到這個.. :-)