必須のフィールドURLなしのJquery datatable jeditableの使用

Question

jquery.datatableとjeditableプラグインをURLなしで使用するにはどうすればいいですか？私はちょうどサーバーに保存せずに機能を編集したい。これは私が試したものです：

$('td', oTable.fnGetNodes()).editable(function(value, settings) { 
    console.log(this); 
    console.log(value); 
    console.log(settings); 
    return(value);}, { 
     type : 'textarea', 
     submit : 'OK', 
     callback: function(sValue, y) { 
      var aPos = oTable.fnGetPosition(this); 
     oTable.fnUpdate(sValue, aPos[0], aPos[1]); 
    }, 
}); 

Answer 1

私はJeditable (or jEditable) example on datatables.netを取り、どのような黄金の鳥質問に設けられ、何Jeditable docsは、このトピックに言うに基づいて、それを修正しました。テストするには、グリッド内の任意の値を編集することができます。並べ替えは一度に適用され、他のすべてのデータテーブル関連の作業（新しい値の検索など）にも適用されます。

• Example using (implicit) "type" : "textarea"

• Example using "type" : "select"

---

$(document).ready(function() { 
    var oTable = $('table').dataTable(); 

    var theCallback = function(v, s) { 
     // Do something with the new value 
     return v; 
    }; 
    $(oTable).find('td').editable(theCallback, { 
     "callback": function(sValue, y) { 
      var aPos = oTable.fnGetPosition(this); 
      oTable.fnUpdate(sValue, aPos[0], aPos[1]); 
     }, 
     "data": "{'0':'0%', '.1':'10%', '.15': '15%', '.2': '20%', 'selected':'0'}", 
     "type" : "select", 
     "submit" : "OK", 
     "style": {"height": "100%","width": "100%"} 
    }); 
});