| Name | Size | Mode | Actions |
|---|---|---|---|
| add_row.html | 10852 | 0666 | editdlrm |
| api_in_init.html | 20893 | 0666 | editdlrm |
| counter_column.html | 22885 | 0666 | editdlrm |
| editable.html | 22877 | 0666 | editdlrm |
| form.html | 25149 | 0666 | editdlrm |
| highlight.html | 20686 | 0666 | editdlrm |
| multi_filter.html | 22881 | 0666 | editdlrm |
| multi_filter_select.html | 25865 | 0666 | editdlrm |
| regex.html | 25241 | 0666 | editdlrm |
| row_details.html | 23604 | 0666 | editdlrm |
| select_row.html | 20777 | 0666 | editdlrm |
| select_single_row.html | 21636 | 0666 | editdlrm |
| show_hide.html | 21037 | 0666 | editdlrm |
| tabs_and_scrolling.html | 17451 | 0666 | editdlrm |
/home/techb158/immovalet.ca/report/bower_components/datatables/examples/api/form.html (25149B)
The following example shows how form elements can be used within a DataTables enhanced table. The trick here is that DataTables does not include the DOM elements which are not currently being displayed, therefore you need to add a submit event handler to gather together all of the input elements from the table, and then use the handy jQuery serialize() function to string together the data. It can then be posted to the server as you wish.
var oTable;
$(document).ready(function() {
$('#form').submit( function() {
var sData = oTable.$('input').serialize();
alert( "The following data would have been submitted to the server: \n\n"+sData );
return false;
} );
oTable = $('#example').dataTable();
} );