Laravel Datatables ContextMenu

Bash:  

npm install jquery-contextmenu
 
app.scss
//ContextMenu
@import '~jquery-contextmenu/src/sass/jquery.contextMenu.scss';
 
bootstrap.js
window.contextMenu = require( 'jquery-contextmenu');
 
 
var table = $('#data-table').DataTable({
...
,drawCallback : function() {
        $.contextMenu({
                    selector: 'tbody tr',
                    callback: function(key, options) {
                        data = table.row( options.$trigger[0] ).data()
                        var m = "clicked: " + key + ' ' + data.id;
                        window.console && console.log(m);
                    },
                    items: {
                        "edit": {name: "Edit", icon: "edit"},
                        copy: {name: "Copy", icon: "copy"},
                        "delete": {name: "Delete", icon: "delete"},
                        "sep1": "---------",
                        "quit": {name: "Quit", icon: function(){
                            return 'context-menu-icon context-menu-icon-quit';
                        }}
                    }
                });
        },​

 

npm run dev

 

positive Bewertung({{pro_count}})
Beitrag bewerten:
{{percentage}} % positiv
negative Bewertung({{con_count}})

DANKE für deine Bewertung!


veröffentlicht am 29.05.2019 von Bernhard
geändert am 03.06.2019 von Bernhard



Fragen / Kommentare


Wir verwenden Cookies, um Inhalte und Anzeigen zu personalisieren, Funktionen für soziale Medien anbieten zu können und die Zugriffe auf unsere Website zu analysieren. Außerdem geben wir Informationen zu Ihrer Nutzung unserer Website an unsere Partner für soziale Medien, Werbung und Analysen weiter. Details anzeigen.