Quantcast
Channel: DataTables 1.10 — DataTables forums
Viewing all articles
Browse latest Browse all 2364

Preselct "SELECTED rows from ajax data

$
0
0

I have created a checkbox, and a show selected button, but when I preload "selected item" from ajax, I am unable to force API to actually SELECT predefined checked rows:

        var exampleTable = $("#tableName").DataTable( {
            select: {
                style:    "multi",
                selector: "td:first-child"
            },
            ajax: {
                "url":  "ajax.php",
                "type": "POST",
                data: function(d) {
                    d.filter1=$("#select1").val();
                    d.filter2=$("#select2").val();
                    d.filter2=$("#select3").val();
                },
            },
            columns: [
                {
                    data:   "dummyTable.shortList",
                    render: function ( data, type, row ) {
                        if ( type === "display" ) {
                            if (row.dummyTable.shortList == 0){
                                return "<input type=\"checkbox\" class=\"editor-active\">";
                            }
                            else {
                                return "<input type=\"checkbox\" checked class=\"editor-active\">";
                            }
                        }
                        return data;
                    },
                    className: "dt-body-center"
                },
                { data: "dummyTable.field1","sClass": "binCentered" },
                { data: "dummyTable.field2","sClass": "binCentered" },
                { data: "dummyTable.field3","sClass": "binCentered" },
                { data: "dummyTable.field3" }
           ],

            "createdRow": function ( row, data ) {
                // Set the checked state of the checkbox in the table              //$("input.editor-active", row).prop( "checked", data.dummyTable.shortList == 1 );
                if (data[0] = 1) $(row).select;
            },
            buttons: [
                {
                    extend: "selected",
                    text: "Show selected rows only",
                    action: function ( e, dt, button, config ) {
                        if (button.text() == "Show selected rows only") {
                            dt.rows({ selected: false }).nodes().to$().css({"display":"none"});
                            button.text("Show all");
                        }
                        else {
                            dt.rows({ selected: false }).nodes().to$().css({"display":"table-row"});
                            button.text("Show selected rows only");
                        }
                }
        }               
            ]
    });

Viewing all articles
Browse latest Browse all 2364

Trending Articles