Browse Source

Refactor datatables-extensions.js

pull/3834/head
Halil İbrahim Kalkan 6 years ago
parent
commit
b8216daeb5
  1. 71
      framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared/wwwroot/libs/abp/aspnetcore-mvc-ui-theme-shared/datatables/datatables-extensions.js

71
framework/src/Volo.Abp.AspNetCore.Mvc.UI.Theme.Shared/wwwroot/libs/abp/aspnetcore-mvc-ui-theme-shared/datatables/datatables-extensions.js

@ -2,59 +2,16 @@
(function ($) { (function ($) {
/************************************************************************ var datatables = abp.utils.createNamespace(abp, 'libs.datatables');
* RECORD-ACTIONS extension for datatables
---------------------------------------------------------------
* SINGLE BUTTON USAGE (creates the given JQuery element)
{
targets: 0, //optional
rowAction:
{
element: $("<button/>")
.addClass("btn btn-primary btn-sm m-btn--icon")
.text("My button")
.prepend($("<i/>").addClass("la la-sign-in"))
.click(function () {
console.log($(this).data());
})
},
},
---------------------------------------------------------------
* LIST OF ITEMS USAGE
{
targets: 0, //optional
rowAction:
{
text: 'My actions', //optional. default value: Actions
icon: 'bolt' //optional. default value: cog. See fa icon set https://fontawesome.com/v4.7.0/icons/
items:
[
{
text: "My first action", //mandatory
icon: "thumbs-o-down", //optional.
visible: true //optional. default value: true. Accepts boolean returning function too. Eg: function(){ return true/false;} ,
action: function (data) {
console.log(data.record);
}
},
{
text: "My second action",
icon: "thumbs-o-up",
visible: true,
action: function (data) {
console.log(data.record);
}
}
]
}
},
*************************************************************************/
var localize = function (key) { var localize = function (key) {
return abp.localization.getResource('AbpUi')(key); return abp.localization.getResource('AbpUi')(key);
}; };
var recordActions = function () { /************************************************************************
* RECORD-ACTIONS extension for datatables *
*************************************************************************/
(function () {
if (!$.fn.dataTableExt) { if (!$.fn.dataTableExt) {
return; return;
} }
@ -117,7 +74,7 @@
.addClass('action-button'); .addClass('action-button');
var $dropdownButton = $('<button/>'); var $dropdownButton = $('<button/>');
if (field.icon !== undefined) { if (field.icon !== undefined) {
if (field.icon) { if (field.icon) {
$dropdownButton.append($("<i>").addClass("fa fa-" + field.icon + " mr-1")); $dropdownButton.append($("<i>").addClass("fa fa-" + field.icon + " mr-1"));
@ -267,14 +224,12 @@
} }
}); });
}(); })();
/************************************************************************ /************************************************************************
* AJAX extension for datatables * * AJAX extension for datatables *
*************************************************************************/ *************************************************************************/
var datatables = abp.utils.createNamespace(abp, 'libs.datatables'); (function () {
var ajaxActions = function () {
datatables.createAjax = function (serverMethod, inputAction) { datatables.createAjax = function (serverMethod, inputAction) {
return function (requestData, callback, settings) { return function (requestData, callback, settings) {
var input = inputAction ? inputAction() : {}; var input = inputAction ? inputAction() : {};
@ -318,14 +273,14 @@
} }
}; };
}; };
}(); })();
/************************************************************************ /************************************************************************
* Configuration/Options normalizer for datatables * * Configuration/Options normalizer for datatables *
*************************************************************************/ *************************************************************************/
var optionNormalizer = function () { (function () {
var customizeRowActionColumn = function(column) { var customizeRowActionColumn = function (column) {
column.data = null; column.data = null;
column.orderable = false; column.orderable = false;
column.defaultContent = ""; column.defaultContent = "";
@ -372,6 +327,6 @@
return configuration; return configuration;
}; };
}(); })();
})(jQuery); })(jQuery);
Loading…
Cancel
Save