Datatable editable plugin doesnt work

prasoops

Hi all,
Could you please help me out in sorting out this issue.. I want to edit a datatable with datatable editable plugin...but it doesnt work here is my code...

$(function() {
oTable = $('#lst_datatable_RI').dataTable({
"bAutoWidth": false,
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bProcessing": true,
"bServerSide":true,
"sAjaxSource":"reports/listajaxRIAReport.do
",
"bStateSave": false,
"aaSorting": [[1,'asc']],
"sDom": '<"fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix"lr>t<"fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix"ip>',
"iDisplayLength": 50,
"aoColumns": [
{ "bVisible": false},
{ "sWidth": "70px" },
{ "sWidth": "80px" },
{ "sWidth": "80px" },
{ "sWidth": "50px" },
{ "sWidth": "50px" },
{ "sWidth": "50px" },
{ "sWidth": "10px" },
{ "sWidth": "10px" },
{ "sWidth": "80px" },
{ "sWidth": "80px" },
{ "sWidth": "80px" }
],
"aoSearchCols": [
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null,
null
]
}).makeEditable({

sUpdateURL: '/reports/listajaxRIAReport.do'
,
"aoColumns": [
{},{},{},{},{},{},{},{},{},{},{}

]
});

and here is my table...












Loading ...




I am using the below scripts....
jquery-1.4.4.min.js
jquery-ui-1.8.4.custom.min.js
jquery.dataTables.min.js (1.5.2)
jquery.jeditable.js (1.6.2)
jquery.validate.js
jquery.dataTables.editable.js (1.3)


Could anyone please help me out...plz

pierrem

Hi,
I am using datatables with editables cells. I am using the jeditable plugin, not the one provided by dataTables (I did'n know there is one...). that works fine. here how I proceed:
each of the td have an id and class, and I attach the jeditable plugins to them:
ex:
a TD looks like:
[code]
2
[/code]
and in a script, something like:
[code]
$('.textEntry').editable(SCRIPT_UPDATE, // Apply the jEditable handlers to the text fields in the table
{
indicator : 'Recording data...',
tooltip : 'Click to edit...',
select: true,
onblur: "submit",
// width: "inherit",
placeholder : " ",
callback : function (value, settings) {
displayResult(this, value);
}
});
[/code]
I am using this scheme since a while, with various versions of jq, jeditable and datatables, without any surprises. My current versions are:
jq: 1.3.2, or 1.4.2 or 1.6.2
jq-ui: 1.8.2 or 1.8.16
datatables: 1.7 or 1.8
jeditable: 1.6.2 or 1.7.1

Hope it helps!