2011-10-24 98 views
4

如何使用jquery.datatablejeditable沒有url的插件。我只想編輯功能而不保存到服務器。這是我已經試過:使用jQuery數據表jable不需要必填字段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]); 
    }, 
}); 
+0

@Christopher Pfohl:據我瞭解你的慷慨評論,我[上的jsfiddle示例](HTTP:// jsfiddle.net/j78pR/2/)是你在找什麼。有什麼遺漏嗎? – Wolfram

+0

@Wolfram不,這就是它!謝謝 – Crisfole

回答

8

我把Jeditable (or jEditable) example on datatables.net和修改了它基於什麼金鳥的問題,什麼Jeditable docs說,關於這一主題提供。要進行測試,您可以編輯網格中的任何值,同時應用排序,並且與數據表相關的所有內容也可以工作(例如,搜索新值)。


$(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%"} 
    }); 
}); 
+0

你剛結束了48小時的整個網絡搜索。謝謝! –