$()

in sovereignApplications/confidential/contosoHR/src/wwwroot/js/employeeDatatable.js [3:48]


$(document).ready(function () {
    var table = $("#employeeDatatable").DataTable({
        "processing": true,
        "serverSide": true,
        "filter": true,
        "ajax": {
            "url": "/api/employee",
            "type": "POST",
            "datatype": "json"
        },
        "columnDefs": [
            {
                "targets": [0],
                "visible": false,
                "searchable": false
            }
        ],
        "columns": [
            { "data": "employeeId", "name": "EmployeeId", "autoWidth": true },
            { "data": "ssn", "name": "Ssn", "autoWidth": true },
            { "data": "firstName", "name": "FirstName", "autoWidth": true },
            { "data": "lastName", "name": "LastName", "autoWidth": true },
            { "data": "salary", "name": "Salary", render: $.fn.dataTable.render.number(',', '.',0), "autoWidth": true }
        ]
    });

    $(function () {
        $("#slider-range").slider({
            range: true,
            min: 0,
            max: 100000,
            values: [0, 100000],
            slide: function (event, ui) {
                $("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
                var from = ui.values[0];
                var to = ui.values[1];
                table
                    .column(4) //---> THIS IS ID OF THE Salary column
                    .search(from + ":" + to)
                    .draw();
            }
        });
        $("#amount").val("$" + $("#slider-range").slider("values", 0) +
            " - $" + $("#slider-range").slider("values", 1));
    });
});