datatables+jeditable not working
datatables+jeditable not working
I follow the example of using server-side processing and integrating jEditable. I use play framework2 and I have the following javascript code:
$(document).ready(function() {
var oTable = $('#example').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "@routes.Application.serverprocess()",
"aoColumns": [
{ "mData": "colone" },
{ "mData": "coltwo" },
{ "mData": "colthree" },
{ "mData": "colfour" },
{ "mData": "colfive" }
],
"fnDrawCallback": function () {
$('#example tbody td').editable("@routes.Application.serverprocess()", {
"callback": function( sValue, y ) {
//Redraw the table from the new data on the server
oTable.fnDraw();
},
"height": "14px"
} );
}
} );
});
The datatable displays, but the 'processing' indicator won't disappear, and the data cells are not editable. I have included jquery.dataTables.js and jquery.jeditable.js.
Could anybody tell me what might go wrong? Thanks a lot.
$(document).ready(function() {
var oTable = $('#example').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "@routes.Application.serverprocess()",
"aoColumns": [
{ "mData": "colone" },
{ "mData": "coltwo" },
{ "mData": "colthree" },
{ "mData": "colfour" },
{ "mData": "colfive" }
],
"fnDrawCallback": function () {
$('#example tbody td').editable("@routes.Application.serverprocess()", {
"callback": function( sValue, y ) {
//Redraw the table from the new data on the server
oTable.fnDraw();
},
"height": "14px"
} );
}
} );
});
The datatable displays, but the 'processing' indicator won't disappear, and the data cells are not editable. I have included jquery.dataTables.js and jquery.jeditable.js.
Could anybody tell me what might go wrong? Thanks a lot.
This discussion has been closed.