如何解决如何使用codeigniter对ajax数据表进行特定的响应
这是我在视图文件(Codeigniter 3)中用于数据表的代码
function trade_Datatable()
{
$.ajax({
url:'<?php echo base_url('user/get_trade_manage'); ?>',type:'POST',success:function(data)
{
var dataTable=$('#trade_management').DataTable({
'searching' : false,'ordering' : false,'processing': true,'serverSide': true,'ajax':'<?php echo base_url('user/get_trade_manage'); ?>',"rowCallback": function( row,response) {
$('td',row).css('background-color','#00b0f0');
},});
}
});
}
trade_Datatable();
控制器代码
......
$output['draw']=$draw;
$output['recordsTotal']=$counts;
$output['recordsFiltered']=$counts;
$output['data']=$data;
$output['colors']=$bgcolor;
echo json_encode($output);
我需要在#00b0f0 中回显$ bgcolor变量以动态应用样式。有人建议最佳答案吗?
解决方法
用户createdRow用于在Ajax数据表中应用样式
$.ajax({
url:'<?php echo base_url('user/get_trade_manage'); ?>',type:'POST',success:function(data)
{
var dataTable=$('#trade_management').DataTable({
'searching' : false,'ordering' : false,'processing': true,'serverSide': true,'ajax':'<?php echo base_url('user/get_trade_manage'); ?>',columns:[
{data: 'sno'},{data: 'created'},{data: 'updatedon'},{data: 'tip_type'},{data: 'tip_for'},{data: 'script_name'},{data: 'tip_date'},{data: 'tip_position'},{data: 'tip_price'},{data: 'action'},{data: 'tip_exitat'},{data: 'photo'},{data: 'profit_loss'},],createdRow: function(row,rowColors,dataIndex)
{
var colorRow = rowColors.colors;
$(row).css('background-color',colorRow);
}
});
}
});
,
应在 createdRow 函数中传递三个参数以获取 json 值
var table = $('#emergency_appointment_list_test').DataTable({
"ordering": true,"processing": true,"serverSide": true,"bDestroy": true,"order": [],"language": {
"paginate": {
"previous": '<i class="fa fa-arrow-left" aria-hidden="true"></i>',"next": '<i class="fa fa-arrow-right" aria-hidden="true"></i>'
}
},"ajax":
{
"url": baseurl+"emergency_app_list_test","type": "POST","data":
{
"_token": $('#token').val(),},"columns": [
{ "data": "id" },{ "data": "applicant_name" },{ "data": "applicant_passport_no" },{ "data": "serviceapplied" },{ "data": "apptmnt_reason1" },// { "data": "appointment_status" },// { "data": "action" },{ "data": "view" },dataIndex)
{
if(rowColors.emg_status == 1)
{
$(row).css('background-color','red');
}else
{
$(row).css('background-color','');
}
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。