i have a dynamic datatable which is being generated usign server side processing. It has 3 columns and 1 hidden column for ID. When i edit the generated table , the ajax request (in sUpdateURL) to update my cell is not being made to my server. I tried to look all the working examples but cannot figure what is the issue.
This is the json response for generated request
{"sEcho":"1","iTotalRecords":3,"iTotalDisplayRecords":3,"aaData":[["1","Saurabh","Avon","Hartford"],["2","Saurabh","Avon","Hartford"],["3","Saurabh","Avon","Hartford"]]}
My jsp jquery call
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$("#companies").dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "http://localhost:7001/canada/internal/basisCalculatorObjects.do?action=jqueryAction",
"sPaginationType": "full_numbers",
"bJQueryUI": true,
"aoColumns": [
{ "bVisible": false
},
{},
{},
{}]
}).makeEditable({
sUpdateURL: "http://localhost:7001/canada/internal/basisCalculatorObjects.do?action=jqueryAction"
});
});
</script>
Instead of url in the sUpdateURL i even tried js alert in makeeditable function but that alert is also not working. So it seems my makeEditable function is not being called.
Following are import of my js
<link href="../media/dataTables/demo_page.css" rel="stylesheet" type="text/css" />
<link href="../media/dataTables/demo_table.css" rel="stylesheet" type="text/css" />
<link href="../media/dataTables/demo_table_jui.css" rel="stylesheet" type="text/css" />
<link href="../media/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" media="all" />
<link href="../media/themes/smoothness/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" media="all" />
<script src="../datatable/jquery.js" type="text/javascript"></script>
<script src="../datatable/jquery.dataTables.js" type="text/javascript"></script>
<script src="../datatable/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="../datatable/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="../datatable/jquery.dataTables.editable.js" type="text/javascript"></script>
<script src="../datatable/jquery.jeditable.js" type="text/javascript"></script>
<script src="../datatable/jquery.validate.js" type="text/javascript"></script>
<script src="../datatable/jquery-ui.js" type="text/javascript"></script>
Kindly guide as to what i am missing....
This is the json response for generated request
{"sEcho":"1","iTotalRecords":3,"iTotalDisplayRecords":3,"aaData":[["1","Saurabh","Avon","Hartford"],["2","Saurabh","Avon","Hartford"],["3","Saurabh","Avon","Hartford"]]}
My jsp jquery call
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$("#companies").dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "http://localhost:7001/canada/internal/basisCalculatorObjects.do?action=jqueryAction",
"sPaginationType": "full_numbers",
"bJQueryUI": true,
"aoColumns": [
{ "bVisible": false
},
{},
{},
{}]
}).makeEditable({
sUpdateURL: "http://localhost:7001/canada/internal/basisCalculatorObjects.do?action=jqueryAction"
});
});
</script>
Instead of url in the sUpdateURL i even tried js alert in makeeditable function but that alert is also not working. So it seems my makeEditable function is not being called.
Following are import of my js
<link href="../media/dataTables/demo_page.css" rel="stylesheet" type="text/css" />
<link href="../media/dataTables/demo_table.css" rel="stylesheet" type="text/css" />
<link href="../media/dataTables/demo_table_jui.css" rel="stylesheet" type="text/css" />
<link href="../media/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" media="all" />
<link href="../media/themes/smoothness/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" media="all" />
<script src="../datatable/jquery.js" type="text/javascript"></script>
<script src="../datatable/jquery.dataTables.js" type="text/javascript"></script>
<script src="../datatable/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="../datatable/jquery.dataTables.min.js" type="text/javascript"></script>
<script src="../datatable/jquery.dataTables.editable.js" type="text/javascript"></script>
<script src="../datatable/jquery.jeditable.js" type="text/javascript"></script>
<script src="../datatable/jquery.validate.js" type="text/javascript"></script>
<script src="../datatable/jquery-ui.js" type="text/javascript"></script>
Kindly guide as to what i am missing....