Hi friends,
Good day to you.
My name is giridhar,i have a doubt regarding data tables.
Iam getting data from controller to populate data in my datatables.
I need to get the data based on one input field(in my case customerid).
how should i achieve this.I tried but failed.
My jsp should contain an input field.Based on the input of the user i should display the data into datatable.
The input field and datatable should be independent to each other.
please help me.this is my code
<script type="text/javascript">
$(document).ready(function() {
$("#user").dataTable({
"bProcessing" : true,
"bServerSide" : true,
"sAjaxSource" : "./CustomerService",
"sPaginationType" : "full_numbers",
"bPaginate" : true,
"bJQueryUI" : true,
"aaSorting": [[0,'desc']]
})
});
</script>
</head>
<body>
<form>
customerId: <input type="text" name="custid" id="custid" />
<input type="submit" value="Submit" id="search" >
</form>
<div id="demo">
<table cellpadding="0" cellspacing="0" border="0" class="display"
id="user">
<thead>
<tr>
<th>CustomerName</th>
<th>Address</th>
<th>MobileNumber</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</body>
</html>
Good day to you.
My name is giridhar,i have a doubt regarding data tables.
Iam getting data from controller to populate data in my datatables.
I need to get the data based on one input field(in my case customerid).
how should i achieve this.I tried but failed.
My jsp should contain an input field.Based on the input of the user i should display the data into datatable.
The input field and datatable should be independent to each other.
please help me.this is my code
<script type="text/javascript">
$(document).ready(function() {
$("#user").dataTable({
"bProcessing" : true,
"bServerSide" : true,
"sAjaxSource" : "./CustomerService",
"sPaginationType" : "full_numbers",
"bPaginate" : true,
"bJQueryUI" : true,
"aaSorting": [[0,'desc']]
})
});
</script>
</head>
<body>
<form>
customerId: <input type="text" name="custid" id="custid" />
<input type="submit" value="Submit" id="search" >
</form>
<div id="demo">
<table cellpadding="0" cellspacing="0" border="0" class="display"
id="user">
<thead>
<tr>
<th>CustomerName</th>
<th>Address</th>
<th>MobileNumber</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</body>
</html>