I just don't get jEditable + Server-Side

julisana

Maybe I'm missing something or maybe I'm just not comprehending how this works...either way, I'm having an issue figuring this out.

Right now, DataTables automatically pulls 11 columns out of my database. Since it is automatic, it auto-generates tr/td tags to make up the rest of the table. When I go to enter in the jEditable stuff, nothing new happens. I don't get the text boxes in my visible fields when I click on them, so I must be missing something.

Maybe code will help (I removed most of the field declarations out of this to try and keep it short).

[code]
var oTable;

/* Apply the jEditable handlers to the table */
$(document).ready(function(){
$('#leads tbody td').editable('<?php echo ROOT . "editable_ajax.php"; ?>',
{
"callback": function(sValue, y) {
var aPos = oTable.fnGetPosition( this );
oTable.fnUpdate( sValue, aPos[0], aPos[1] );
},
"submitdata": function(value, settings)
{ return { "row_id": this.parentNode.getAttribute('id') }; },
"height": "14px"});

/* Init DataTables */
oTable = $(document).ready(function(){$('#leads').dataTable({
"aaSorting": [[0, "asc"]],
"bPaginate": true,
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "<?php echo ROOT . "server_processing.php"; ?>",
"sPaginationType": "full_numbers",
"fnDrawCallback": function() {alert( 'DataTables has redrawn the table' );},
"aoColumns": [
/* 0 - ID */ { "bSearchable": true, "asSorting": ["asc", "desc"] }]});});});
[/code]

Seriously, what am I doing wrong?

fubowl

Any answers oh wise datatables users?