ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / ts / public / js

(function($) {
'use strict';
	$(document).ready(function()
    {
        var dTable = $('#myAdvancedTable').DataTable({

order: [],
            lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
            responsive: false,
            scroller: {
                loadingIndicator: false
            },
            pagingType: "full_numbers",
            dom: "<'row'<'col-sm-2'l><'col-sm-7 text-center'B><'col-sm-3'f>>tipr",
            buttons: [
                // {
                //     extend: 'copy',
                //     className: 'btn-sm btn-info', 
                //     title: 'Permissions',
                //     header: false,
                //     footer: true,
                //     exportOptions: {
                //         // columns: ':visible'
                //     }
                // },
                // {
                //     extend: 'csv',
                //     className: 'btn-sm btn-success',
                //     title: 'Permissions',
                //     header: false,
                //     footer: true,
                //     exportOptions: {
                //         // columns: ':visible'
                //     }
                // },
                {
                    extend: 'excel',
                    className: 'btn-sm btn-success',
                    header: false,
                    footer: true,
                    exportOptions: {
                        // columns: ':visible',
                    }
                },
                {
                    extend: 'pdf',
                    className: 'btn-sm btn-danger',
                    header: false,
                    footer: true,
                    exportOptions: {
                        // columns: ':visible'
                    }
                },
                {
                    extend: 'print',
                    className: 'btn-sm btn-secondary',
                    header: true,
                    footer: false,
                    orientation: 'landscape',
                    exportOptions: {
                        // columns: ':visible',
                        stripHtml: false
                    }
                }
            ]
        });

// datatable inline cell edit
        dTable.MakeCellsEditable({
            "onUpdate": myCallbackFunction,
            "inputCss":'form-control',
            "columns": [0,1,2,3],
            "allowNulls": {
                "columns": [3],
                "errorClass": 'error'
            },
            "confirmationButton": { // could also be true
                "confirmCss": 'btn-sm btn-success',
                "cancelCss": 'btn-sm btn-danger'
            },
            "inputTypes": [
                {
                    "column": 0,
                    "type": "text",
                    "options": null
                },
                {
                    "column":1, 
                    "type": "list",
                    "options":[
                        { "value": "Beaty", "display": "Beaty" },
                        { "value": "Doe", "display": "Doe" },
                        { "value": "Dirt", "display": "Dirt" }
                    ]
                },
                {
                    "column": 2,
                    "type": "datepicker", 
                    "options": {
                        "icon": "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif" // Optional
                    }
                }
                 // Nothing specified for column 3 so it will default to text
                
            ]
        });

});
    // datatable inline cell edit callback function
    function myCallbackFunction (updatedCell, updatedRow, oldValue) {
        console.log("The new value for the cell is: " + updatedCell.data());
        console.log("The old value for that cell was: " + oldValue);
        console.log("The values for each cell in that row are: " + updatedRow.data());
    }

function destroyTable() {
        if ($.fn.DataTable.isDataTable('#myAdvancedTable')) {
            table.destroy();
            table.MakeCellsEditable("destroy");
        }
    }
})(jQuery);

[+] ..
[-] alerts.js [edit]
[-] app.js [edit]
[-] calendar.js [edit]
[-] carousel.js [edit]
[-] chart-amcharts.js [edit]
[-] chart-chartist.js [edit]
[-] chart-flot.js [edit]
[-] chart-knob.js [edit]
[-] charts.js [edit]
[-] dashboard-charts.js [edit]
[-] form-advanced.js [edit]
[-] form-components.js [edit]
[-] form-picker.js [edit]
[-] forms.js [edit]
[-] layouts.js [edit]
[-] popper.js.map [edit]
[-] range-slider.js [edit]
[-] rating.js [edit]
[-] session-time-out.js [edit]
[-] tables.js [edit]
[-] taskboard.js [edit]
[-] widget-chart.js [edit]
[-] widget-data.js [edit]
[-] widget-statistic.js [edit]
[-] widgets.js [edit]
[-] chat.js [edit]
[+] va
[-] customva.js [edit]
[-] editable-datatable.js [edit]
[-] custom.js [edit]
[-] get-role.js [edit]
[-] permission.js [edit]
[-] casereview.js [edit]
[-] datatables.js [edit]
[-] .htaccess.disabled [edit]