数据表显示/隐藏复选框无法正常工作

时间:2015-03-31 09:43:43

标签: php jquery ajax datatables

我正在使用DataTable来显示数据。单击显示和隐藏按钮时,将显示带复选框的所有列名称。当我取消选中所有列时,当我尝试检查当时的列名时,第一列将被复制或显示在所有行值中。

以下是我写的代码。

$('#datatable_col_reorder').dataTable({
        "processing": true,
        "sAjaxSource": "<?php echo $config['ajaxUrlPath'];>json.php",
        "bFilter" : true,
        "fnServerData": function ( sAjaxSource  , aoData, fnCallback ) {
            aoData.push( { "name": "eventName", "value": $('#eventName').val()   });
            aoData.push( { "name": "et", "value": $('#Type').val() });
            aoData.push( { "name": "vn", "value": $('#address').val() });
            aoData.push( { "name": "da", "value": $('#date_added').val() });
            aoData.push( { "name": "ti", "value": $('#time_added').val() });
            aoData.push( { "name": "st", "value": $('#status').val() });
            aoData.push( { "name": "br", "value": $('#status1').val() });
            aoData.push( { "name": "cr", "value": $('#status2').val() });
            aoData.push( { "name": "pr", "value": $('#spercentage').val() });
            // etc
            $( "#status2,#address,#spercentage" ).keyup(function() {
                var table = $('#datatable_col_reorder').DataTable();
              table.ajax.reload();
            });
            $( "#status,#Type,#date_added,#time_added,#status1,#status2" ).change(function() {
                var table = $('#datatable_col_reorder').DataTable();
              table.ajax.reload();
            });

            $.getJSON( sAjaxSource, aoData, function (json) { console.log(json); fnCallback(json) } );
        },                            
        "sDom":"<'col-sm-1 col-xs-1 col-md-1 col-lg-1 showHidebutton'C><'dt-toolbar'r>"+
                "t"+
                "<'dt-toolbar-footer'<'col-sm-6 col-xs-12 hidden-xs'i><'col-sm-6 col-xs-12'p>>",
        "autoWidth" : true,
        "rowCallback": function( nRow, aData, iDisplayIndex ) {
                           // responsiveHelper_datatable_tabletools.createExpandIcon(nRow);
                            $('td:eq(0)', nRow).html('<a href="<?php echo str_replace('/ajax/','/#ajax/',$config['ajaxUrlPath']);?>edit.php?id='+ aData[8] + '">'+aData[0]+'</a>');
                            return nRow;
                       },
        "preDrawCallback" : function() {
            // Initialize the responsive datatables helper once.
            if (!responsiveHelper_datatable_col_reorder) {
                responsiveHelper_datatable_col_reorder = new ResponsiveDatatablesHelper($('#datatable_col_reorder'), breakpointDefinition);
            }
        },

        "drawCallback" : function(oSettings) {
            responsiveHelper_datatable_col_reorder.respond();
        }           
    });

Show/Hide Columns

当我取消选中所有内容并且当我尝试重新检查每个复选框时,此时第一列值将显示在所有其他列中,如类型,状态,地址等。 示例:考虑名称:XYZ,取消选中复选框后,如果我当时尝试重新检查,则每个列值在状态,地址列中显示“XYZ”。

提前致谢。

0 个答案:

没有答案