So right now my code has a button which makes a aJax call to our delete function, which removes a row by its ID. The problem is that while the delete works.....it does not refresh the table. i saw the fnDraw(), and fnReloadAjax() commands. but havent been able to figure out how to place them to get them to work correctly, currently my code is:
the user selects one or more rows, clicks delete, they delete and the tabletools pops up a window informing the user that it processed right, and so i need it to refresh right there....any clues?
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ page session="false" %>
<jsp:include page="header.jsp" />
<link rel="stylesheet" type="text/css" href="content/css/jquery.dataTables.css" />
<link rel="stylesheet" type="text/css" href="content/css/dataTables.tabletools.css" />
<script type="text/javascript" src="content/js/jquery.min.js"></script>
<script type="text/javascript" src="content/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="content/js/dataTables.tabletools.min.js"></script>
<script>
$(document).ready(function(){
var oTable = $('#dataTable').dataTable({
"bProcessing": true,
"bJQueryUI": true,
"bPaginate": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 5,
"sDom": 'T<><f>rt<ilp>',
"sAjaxSource": 'dataTable/getCmsGroupData',
"aoColumns": [
{ "mData": "id", "sTitle": "ID" },
{ "mData": "version", "sTitle":"Version" },
{ "mData": "name", "sTitle": "Name" },
{ "mData": "description", "sTitle": "Description"},
{ "mData": "notes", "sTitle": "Notes"},
],
"oTableTools": {
"sRowSelect": "multi",
"aButtons": [{
"sExtends": "ajax",
"bSelectedOnly": "true",
"sButtonText": "Delete Selected",
"mColumns": [0],
"bHeader": false,
"sAjaxUrl": "dataTable/delete/cmsGroup",
}]//Delete button
}//table tools
});//DataTable
}); //function
</script>
<body id="dt_example">
<div id="container">
<h1>CMS Group</h1>
<table>
<tr>
<td><div id="sidebar"><jsp:include page="sidebar.jsp"/></div></td>
<td>
<table class="display" id="dataTable" width="100%"></table>
</td>
</tr>
</table>
<jsp:include page="footer.jsp" />
</div>
</body>
</html>
the user selects one or more rows, clicks delete, they delete and the tabletools pops up a window informing the user that it processed right, and so i need it to refresh right there....any clues?