Server IP : 173.249.157.85 / Your IP : 216.73.216.232 Web Server : Apache System : Linux server.frogzhost.com 3.10.0-1127.19.1.el7.x86_64 #1 SMP Tue Aug 25 17:23:54 UTC 2020 x86_64 User : econtech ( 1005) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : OFF | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/econtech/www/public/back/assets/js/demo12/pages/crud/metronic-datatable/base/ |
Upload File : |
"use strict"; // Class definition var KTDatatableJsonRemoteDemo = function () { // Private functions // basic demo var demo = function () { var datatable = $('.kt-datatable').KTDatatable({ // datasource definition data: { type: 'remote', source: 'https://keenthemes.com/metronic/themes/themes/metronic/dist/preview/inc/api/datatables/datasource/default.json', pageSize: 10, }, // layout definition layout: { scroll: false, // enable/disable datatable scroll both horizontal and vertical when needed. footer: false // display/hide footer }, // column sorting sortable: true, pagination: true, search: { input: $('#generalSearch') }, // columns definition columns: [ { field: 'RecordID', title: '#', sortable: false, width: 20, type: 'number', selector: {class: 'kt-checkbox--solid'}, textAlign: 'center', }, { field: 'OrderID', title: 'Order ID', }, { field: 'Country', title: 'Country', template: function(row) { return row.Country + ' ' + row.ShipCountry; }, }, { field: 'ShipAddress', title: 'Ship Address', }, { field: 'ShipDate', title: 'Ship Date', type: 'date', format: 'MM/DD/YYYY', }, { field: 'Status', title: 'Status', // callback function support for column rendering template: function(row) { var status = { 1: {'title': 'Pending', 'class': 'kt-badge--brand'}, 2: {'title': 'Delivered', 'class': ' kt-badge--danger'}, 3: {'title': 'Canceled', 'class': ' kt-badge--primary'}, 4: {'title': 'Success', 'class': ' kt-badge--success'}, 5: {'title': 'Info', 'class': ' kt-badge--info'}, 6: {'title': 'Danger', 'class': ' kt-badge--danger'}, 7: {'title': 'Warning', 'class': ' kt-badge--warning'}, }; return '<span class="kt-badge ' + status[row.Status].class + ' kt-badge--inline kt-badge--pill">' + status[row.Status].title + '</span>'; }, }, { field: 'Type', title: 'Type', autoHide: false, // callback function support for column rendering template: function(row) { var status = { 1: {'title': 'Online', 'state': 'danger'}, 2: {'title': 'Retail', 'state': 'primary'}, 3: {'title': 'Direct', 'state': 'success'}, }; return '<span class="kt-badge kt-badge--' + status[row.Type].state + ' kt-badge--dot"></span> <span class="kt-font-bold kt-font-' + status[row.Type].state + '">' + status[row.Type].title + '</span>'; }, }, { field: 'Actions', title: 'Actions', sortable: false, width: 110, autoHide: false, overflow: 'visible', template: function() { return '\ <div class="dropdown">\ <a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" data-toggle="dropdown">\ <i class="la la-ellipsis-h"></i>\ </a>\ <div class="dropdown-menu dropdown-menu-right">\ <a class="dropdown-item" href="#"><i class="la la-edit"></i> Edit Details</a>\ <a class="dropdown-item" href="#"><i class="la la-leaf"></i> Update Status</a>\ <a class="dropdown-item" href="#"><i class="la la-print"></i> Generate Report</a>\ </div>\ </div>\ <a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Edit details">\ <i class="la la-edit"></i>\ </a>\ <a href="javascript:;" class="btn btn-sm btn-clean btn-icon btn-icon-md" title="Delete">\ <i class="la la-trash"></i>\ </a>\ '; }, }], }); $('#kt_form_status').on('change', function() { datatable.search($(this).val().toLowerCase(), 'Status'); }); $('#kt_form_type').on('change', function() { datatable.search($(this).val().toLowerCase(), 'Type'); }); $('#kt_form_status,#kt_form_type').selectpicker(); }; return { // public functions init: function () { demo(); } }; }(); jQuery(document).ready(function () { KTDatatableJsonRemoteDemo.init(); });