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!


Top-Artikel in diesem Bereich

Preview Laravel Beispiel Tutorial - Schritt für Schritt

Laravel Beispiel Tutorial - Schritt für Schritt

geändert: 27.07.2020 von Bernhard (Erstveröffentlichung: 21.08.2016)

Wie in dem zuvor veröffentlichten Artikel "Übersicht Laravel Funktion" bereits angekündigt, habe ich für Laravel ein Praxis-Beispiel erstellt. Das Beispiel kann bestimmte Datenbankeinträge erstellen, anzeigen, bearbeiten und löschen. In einem nächsten Beispiel werde ich zu dem hier beschriebenen Beispiel eine Benutzeranmeldung und Berechtigung hinzufügen (Authentification, Authorization), vorerst starten wir ohne dieser .... ... weiterlesen

Preview Laravel Vue

Laravel Vue

erstellt: 29.10.2019 von Bernhard

.vue Files setzen ein Webpack-Setup voraus ... ... weiterlesen

Preview Laravel Authentication und Authorization Beispiel

Laravel Authentication und Authorization Beispiel

geändert: 06.10.2019 von Bernhard (Erstveröffentlichung: 12.09.2016)

Laravel ist für Benutzer-Anmeldungen bereits vorbereitet, das Aktivieren der Funktion erfolgt mit einem einfachen Befehl. ... weiterlesen


Fragen / Kommentare