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!

Beitrag erstellt von Bernhard | Aktualisiert: 03.06.2019 | |🔔 | Kommentare:0

Fragen / Kommentare


Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu Mehr Details