Hi
I am trying to use this plugin in serverside process. So far I m able to bind the serverdata as ajax source and works fine with table data.
But I would like to bind the columns also dynamically and pass aoData to server with request and not sure how.
I have seen some post and implemented as below.
<style type="text/css" title="currentStyle">
@import "Styles/demo_page.css";
@import "Styles/demo_table.css";
</style>
<script type="text/javascript" language="javascript" src="JavaScripts/jquery.js"></script>
<script src="JavaScripts/jquery.dataTables.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function( v) {
$.ajax({
"dataType": 'text',
"type": "GET",
"url": "test.txt",
"success": function(dataStr) {
var data = dataStr.replace("<jasoncontent>", "");
data = data.replace("</jasoncontent>", "");
data = JSON.parse(data);
$('#tblReport').dataTable({
"aaData": data.aaData,
"aoColumns": data.aoColumns
});
}
});
});
</script>
</head>
<body id="dt_example">
<form id="form1" runat="server">
<div id="container">
<div id="demo">
<table id="tblReport" class="display">
<tbody>
</tbody>
</table>
</div></div>
</form>
</body>
</html>
This code displays the table correctly. But how can get and pass the aoData[] through the request since the datatable initialized after the get request.
Do I need to make request twice not sure. Please share any sample code.
thanks in advance.
I am trying to use this plugin in serverside process. So far I m able to bind the serverdata as ajax source and works fine with table data.
But I would like to bind the columns also dynamically and pass aoData to server with request and not sure how.
I have seen some post and implemented as below.
<style type="text/css" title="currentStyle">
@import "Styles/demo_page.css";
@import "Styles/demo_table.css";
</style>
<script type="text/javascript" language="javascript" src="JavaScripts/jquery.js"></script>
<script src="JavaScripts/jquery.dataTables.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function( v) {
$.ajax({
"dataType": 'text',
"type": "GET",
"url": "test.txt",
"success": function(dataStr) {
var data = dataStr.replace("<jasoncontent>", "");
data = data.replace("</jasoncontent>", "");
data = JSON.parse(data);
$('#tblReport').dataTable({
"aaData": data.aaData,
"aoColumns": data.aoColumns
});
}
});
});
</script>
</head>
<body id="dt_example">
<form id="form1" runat="server">
<div id="container">
<div id="demo">
<table id="tblReport" class="display">
<tbody>
</tbody>
</table>
</div></div>
</form>
</body>
</html>
This code displays the table correctly. But how can get and pass the aoData[] through the request since the datatable initialized after the get request.
Do I need to make request twice not sure. Please share any sample code.
thanks in advance.