jEditable is not working with jQuery 1.7.1
jEditable is not working with jQuery 1.7.1
vivekmyself
Posts: 16Questions: 0Answers: 0
Hi
I am using jEditable plugin for editing the table column. And have a form element to select and delete multiple rows using check boxes. It was working fine untill I use jQuery 1.6.2 . I update the jquery 1.6.2 to 1.7.1. Now editable is not working and not able to delete the row. If I remove the form tag I am able to edit the cell.
Below is my code. Can you help me to solve this issue. Thank you
//For Table Sorting and paginatin for table
$(document).ready(function() {
/* Init DataTables */
var oTable = $('#edit_projects').dataTable( {
"sPaginationType": "full_numbers",
"sDom": 'C<"clear">lfrtip',
/*"aoColumnDefs": [
{ "bVisible": false, "aTargets": [ 3, 5 ] }
],*/
"oColVis": {
"aiExclude": [ 0, 1 ],
"bRestore": true,
"sAlign": "right"
},
});
/* Apply the jEditable handlers to the table */
$('td.project_info', oTable.fnGetNodes()).editable( "http://localhost:3333/update_project", {
// $('td.project_info', oTable.fnGetNodes()).editable( "http://localhost:3333/update_project", {
indicator : 'Saving...',
tooltip : "Double click to edit and press 'Enter' to update.",
onsubmit: function(settings, td) {
var input = $(td).find('input');
$(this).validate({
rules: {
value: {
required: true,
projectname: true,
}
},
messages: {
'value': {
required: "This field should not be empty."
}
}
});
return $(this).valid();
},
"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'),
"column": oTable.fnGetPosition( this )[2]
};
},
"height": "15px",
"onblur": 'submit',
});
$("#editable_projects").validate({
submitHandler: function(form){
$(form).ajaxSubmit({
target: '#content',
});
}
});
//Reset Button Functionality
<!-- Table for Summary Begins Here-->
ID
Name
Description
Platform
Workflow
Species
RO2
RO_mRNA
RO mRNA
454 Roche
mRNA
Homo sapiens
IL7
IL_mRNA
Illumina project
Illumina
mRNA
Homo sapiens
AB2
AB_MRNA
AB mRNA projects_CDS
ABI
mRNA
Homo sapiens
$("#reset").click(function () {
$(".server_side_error").hide();
});
I am using jEditable plugin for editing the table column. And have a form element to select and delete multiple rows using check boxes. It was working fine untill I use jQuery 1.6.2 . I update the jquery 1.6.2 to 1.7.1. Now editable is not working and not able to delete the row. If I remove the form tag I am able to edit the cell.
Below is my code. Can you help me to solve this issue. Thank you
//For Table Sorting and paginatin for table
$(document).ready(function() {
/* Init DataTables */
var oTable = $('#edit_projects').dataTable( {
"sPaginationType": "full_numbers",
"sDom": 'C<"clear">lfrtip',
/*"aoColumnDefs": [
{ "bVisible": false, "aTargets": [ 3, 5 ] }
],*/
"oColVis": {
"aiExclude": [ 0, 1 ],
"bRestore": true,
"sAlign": "right"
},
});
/* Apply the jEditable handlers to the table */
$('td.project_info', oTable.fnGetNodes()).editable( "http://localhost:3333/update_project", {
// $('td.project_info', oTable.fnGetNodes()).editable( "http://localhost:3333/update_project", {
indicator : 'Saving...',
tooltip : "Double click to edit and press 'Enter' to update.",
onsubmit: function(settings, td) {
var input = $(td).find('input');
$(this).validate({
rules: {
value: {
required: true,
projectname: true,
}
},
messages: {
'value': {
required: "This field should not be empty."
}
}
});
return $(this).valid();
},
"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'),
"column": oTable.fnGetPosition( this )[2]
};
},
"height": "15px",
"onblur": 'submit',
});
$("#editable_projects").validate({
submitHandler: function(form){
$(form).ajaxSubmit({
target: '#content',
});
}
});
//Reset Button Functionality
<!-- Table for Summary Begins Here-->
ID
Name
Description
Platform
Workflow
Species
RO2
RO_mRNA
RO mRNA
454 Roche
mRNA
Homo sapiens
IL7
IL_mRNA
Illumina project
Illumina
mRNA
Homo sapiens
AB2
AB_MRNA
AB mRNA projects_CDS
ABI
mRNA
Homo sapiens
$("#reset").click(function () {
$(".server_side_error").hide();
});
This discussion has been closed.