Jquery 如何将自定义数据发送到DataTable服务器端处理,而不是从DataTable';s过滤器输入?
在我的页面中,有一组四个字段,用于自定义Jquery 如何将自定义数据发送到DataTable服务器端处理,而不是从DataTable';s过滤器输入?,jquery,codeigniter,datatable,Jquery,Codeigniter,Datatable,在我的页面中,有一组四个字段,用于自定义搜索数据库中的记录;结果将显示在数据表中,该表显示在以下字段组的下方: 下面是DataTable的javascript创建: <script type="text/javascript"> $(document).ready(function() { var j_table = $("#t_list").dataTable( { "oLanguage" : {
搜索数据库中的记录;结果将显示在数据表
中,该表显示在以下字段组的下方:
下面是DataTable的javascript创建:
<script type="text/javascript">
$(document).ready(function() {
var j_table = $("#t_list").dataTable( {
"oLanguage" : {
"sInfoThousands": " ",
"sEmptyTable" : _getText("datatable_resultat_zero", "global"),
"sInfo" : _getText("datatable_zone_statut_info", "global"),
"sInfoEmpty" : "",
"sInfoFiltered" : _getText("datatable_zone_statut_filtre", "global"),
"sLengthMenu" : _getText("datatable_zone_nb_affichage", "global"),
"sSearch" : _getText("datatable_zone_filtre", "global"),
"sZeroRecords" : _getText("datatable_resultat_zero", "global"),
"oPaginate" : {
"sPrevious" : _getText("datatable_btn_prcdt", "global"),
"sNext" : _getText("datatable_btn_svt", "global")
}
},
"sPaginationType" : "bootstrap",
"aoColumnDefs": [
{ "aTargets": [ 3 ], "bSortable": false },
{ "aTargets": [ 3 ], "bSearchable": false },
{
"aTargets": [ 3 ],
"mRender": function ( data, type, full ) {
return '<div style="text-align: center;"><a href="<?php echo site_url('meeting/modif'); ?>/'+data+'" title="Modifier"><button class="btn btn-mini">Detail</button></a></div>';
}
}
],
"bServerSide": true,
"sAjaxSource": "<?php echo site_url('ajax/dataTableListerMeetingNotes'); ?>",
"sServerMethod": "POST"
} );
});
</script>
$(文档).ready(函数(){
var j_表=$(“#t_表”)。数据表({
“语言”:{
“信佛千”:“,
“sEmptyTable”:“getText”(“datatable\U resultat\U zero”,“全局”),
“sInfo”:“数据表、区域、状态、信息”、“全球”),
“无罪”:“,
“sInfoFiltered”:“数据表”、“区域”、“状态”、“全局”),
“SLENNGMENU”:“获取文本(“数据表”、“区域”、“全局”),
“sSearch”:“获取文本”(“数据表”、“区域过滤器”、“全局”),
“sZeroRecords”:“getText”(“数据表”、“结果表”、“全局”),
“oPaginate”:{
“先前”:“获取文本”(“数据表”、“全局”),
“sNext”:“getText”(“数据表”、“全局”)
}
},
“sPaginationType”:“引导程序”,
“aoColumnDefs”:[
{“aTargets”:[3],“bSortable”:false},
{“aTargets”:[3],“bSearchable”:false},
{
“目标”:[3],
“mRender”:功能(数据、类型、完整){
返回“”;
}
}
],
“bServerSide”:正确,
“sAjaxSource”:“,
“sServerMethod”:“POST”
} );
});
那么,当单击“Valider”蓝色按钮时,如何将四个字段中输入的值传递给数据表的ajax源呢?以及如何在数据表的ajax
调用的脚本中收集这些数据?使用
将其添加到初始化代码中,每次调用fnDraw()
,参数都将在datatable请求中传递。显然,您必须更改jquery选择器以匹配您的输入ID
"sServerMethod": "POST",
"fnServerParams": function (aoData) {
aoData.push({ "name": "sujet", "value": $('#Sujet').val() });
aoData.push({ "name": "lieu", "value": $('#Lieu').val() });
aoData.push({ "name": "dateDu", "value": $('#DateDu').val() });
aoData.push({ "name": "dateAu", "value": $('#DateAu').val() });
},
在Valider
按钮中,单击调用的事件j_table.fnDraw()
在服务器端,您可以使用与标准datatables参数相同的方式访问参数,即从querystring获取:
$_POST['sujet']
我不熟悉PHP,但它会是这样的。使用
将其添加到初始化代码中,每次调用fnDraw()
,参数都将在datatable请求中传递。显然,您必须更改jquery选择器以匹配您的输入ID
"sServerMethod": "POST",
"fnServerParams": function (aoData) {
aoData.push({ "name": "sujet", "value": $('#Sujet').val() });
aoData.push({ "name": "lieu", "value": $('#Lieu').val() });
aoData.push({ "name": "dateDu", "value": $('#DateDu').val() });
aoData.push({ "name": "dateAu", "value": $('#DateAu').val() });
},
在Valider
按钮中,单击调用的事件j_table.fnDraw()
在服务器端,您可以使用与标准datatables参数相同的方式访问参数,即从querystring获取:
$_POST['sujet']
我不熟悉PHP,但它会是这样的