Question

我真的很喜欢使用Laravel 4.我在这里遇到一个非常简单的问题。

我用这个调用这个查询。

$users = DB::table('alumnos')->select(array('id', 'Nombre', 'Apellidos','Seccion','Grado','Preceptor','P1','P2','P3','P4','P5','P6','P7','P8'));
return Datatables::of($users)

我正在填写这样一张桌子：

  +--------+-----------+------------+
  | Nombre | Apellidos |    P1      |
  +--------+-----------+------------+
  |Nombre 1|Apellido1  |    0       | 
  |Nombre 1|Apellido1  |    1       |    
  |Nombre 1|Apellido1  |    0       |     
  |Nombre 1|Apellido1  |    1       |    
  |Nombre 1|Apellido1  |    1       |    
  |Nombre 1|Apellido1  |    1       |   
  +--------+-----------+------------+

使用javascript代码填充表格：

var oTable;
    $(document).ready(function() {
            oTable = $('#registros').dataTable( {
            "sDom": "<l><f><r>t<i><p>",
            "sPaginationType": "bootstrap",
            "oLanguage": {
                "sSearch": "Search:",
                "sLengthMenu": "_MENU_ records per page"
            },
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": "{{ URL::to('registrar/datadirectivos') }}"
        });

        $("#users_filter input").addClass("form-control inline-control input-sm");
        $("#users_length select").addClass("form-control inline-control");
    });

我想要做的是更改名为Preceptoria的最后一列，而不是数字列显示按钮的颜色，取决于它的1个按钮是否为绿色，如果是0，则按钮为红色。

Answer 1

我已经解决了。

我更改了javascript代码：

$(document).ready(function() {
oTable = $('#registros').dataTable( {
            "sDom": "<l><f><r>t<i><p>",
            "sPaginationType": "bootstrap",
            "oLanguage": {
                "sSearch": "Search:",
                "sLengthMenu": "_MENU_ records per page"
            },"fnRowCallback": function( nRow, aData, iDisplayIndex,iDisplayIndexFull) {
            $(nRow).children().each(function(index, td) {
                        if(index == 5 || index == 6 || index == 7 || index == 8 || index == 9 || index == 10 || index == 11 || index == 12)  {
                            if ($(td).html() === "0") {
                                $(td).html("<button class='btn' style='background-color:#A8383B;'>P1</button>");
                            } 
                             if ($(td).html() === "1") {
                                $(td).html("<button class='btn' style='background-color:#3C8D2F;'>P1</button>");
                            }                                        
                        }
            });                       
    return nRow;
  },
            "bProcessing": true,
           "bServerSide": true,
           "sAjaxSource": "{{ URL::to('registrar/datadirectivos') }}"
        });
        $("#users_filter input").addClass("form-control inline-control input-sm");
        $("#users_length select").addClass("form-control inline-control");
    });

Laravel查询与彩色按钮

1 个答案: