Kontextmenüs im Dateiexplorer anpassen

Nutzbar ab: Version 009.006.000.000

20. Okt 2017

Über ein Javascript-Ereignis kann das Kontextmenü vor der Anzeige im Dateiexplorer beliebig erweitert bzw. angepasst werden.

Um die Darstellung anzupassen, ist eine JS-Datei unter folgendem Pfad abzulegen /[WGLOBALPROJECT]/wGlobal/layout/explorer/post.include.js . Beim Einsatz in der Cloud wird [WGLOBALPROJECT] durch /cloud ersetzt. Diese Datei enthält eine JS-Funktion wOnBeforeShowContextMenu , welche vor der Anzeige des Kontextmenüs aufgerufen wird.

Inhalt der post.include.js Datei

function wOnBeforeShowContextMenu(selectionData){

  
//console.log(selectionData['header']);
  //console.log(selectionData['content']);
  
  // Schaltfläche für Verzeichnis erstellen im Kontextmenü ausblenden
  //if(wFilemanager.path == '/wDeutsch/xxx'){
  //  wFilemanager.wRemoveContextMenuFunction('createDir');
  //}
 
  
if(selectionData['header']['numberFiles'] >= && selectionData['header']['numberDirs'] == 0){
    for(var 
path in selectionData['content']){
      
//console.log(selectionData['content'][path]['type']);

      //wFilemanager.wRemoveContextMenuFunction('preview');    
      //wFilemanager.wRemoveContextMenuFunction('download'); 
      //wFilemanager.wRemoveContextMenuFunction('upload');
            
      //wFilemanager.wRemoveContextMenuFunction('share.sendLink');
      //wFilemanager.wRemoveContextMenuFunction('share.showLink');
     
      //wFilemanager.wRemoveContextMenuFunction('share.facebook');          
      //wFilemanager.wRemoveContextMenuFunction('share.twitter');
      //wFilemanager.wRemoveContextMenuFunction('share.google');
      
      //wFilemanager.wRemoveContextMenuFunction('edit');
      //wFilemanager.wRemoveContextMenuFunction('options');
      //wFilemanager.wRemoveContextMenuFunction('cut');
      //wFilemanager.wRemoveContextMenuFunction('copy');
      //wFilemanager.wRemoveContextMenuFunction('checkout');
      //wFilemanager.wRemoveContextMenuFunction('rename');
      //wFilemanager.wRemoveContextMenuFunction('delete');
       
      //wFilemanager.wRemoveContextMenuFunction('restoreArchiving');
     
      //wFilemanager.wAppendContextMenuFunction('requestDelete', {'icon' : '/prepareToDelete.gif', 'caption' : 'Zum Löschen vormerken', 'action' : "window.open('/prepareToDelete.php?path=" + path + "')"});
      //break;
    

  }
  else if(
selectionData['header']['numberDirs'] >= && selectionData['header']['numberFiles'] == 0){
    for(var 
path in selectionData['content']){
      
//console.log(selectionData['content'][path]['type']);

      //wFilemanager.wRemoveContextMenuFunction('open');
      //wFilemanager.wRemoveContextMenuFunction('edit');
      //wFilemanager.wRemoveContextMenuFunction('options');
      //wFilemanager.wRemoveContextMenuFunction('upload');
      //wFilemanager.wRemoveContextMenuFunction('rename');
      //wFilemanager.wRemoveContextMenuFunction('delete');           
         
      //wFilemanager.wAppendContextMenuFunction('requestSync', {'icon' : '/syncDir.gif', 'caption' : 'Verzeichnis synchronisieren', 'action' : "window.open('/syncDir.php?path=" + path + "')"});
      //break;
  
      /*
      // Beispiel für eine serverseitige Abfrage über AJAX
      wGetUrl('/_hasPermissionToShowReport.php?path=" + path + "', function(responseStr){
        // wenn das zuvor genannte Skript eine "1" zurückgibt (z.B. print "1";):
        if(responseStr == 1){
          wFilemanager.wAppendContextMenuFunction('requestReport', {'icon' : '', 'className' : 'wui-context-menu-selection-entry-delete', 'caption' : 'Report anzeigen', 'action' : "window.open('/showReport.php?path=" + path + "')"});
        }
        wFilemanager.wShowMenuContext();    
      });
      */
    

  } 
  else{
    
//wFilemanager.wRemoveContextMenuFunction('refresh');  
    //wFilemanager.wRemoveContextMenuFunction('paste');
    //wFilemanager.wRemoveContextMenuFunction('createDir');
    //wFilemanager.wRemoveContextMenuFunction('createFile');  
   
    //wFilemanager.wAppendContextMenuFunction('requestReport', {'icon' : '/showReport.gif', 'caption' : 'Report anzeigen', 'action' : "window.open('/showReport.php?path=" + path + "')"});
  
}
   
  
// Funktionsaufruf nur dann nochmals am Ende, wenn dieser in den Abfragen zuvor nicht schon gesetzt ist:
  
wFilemanager.wShowMenuContext(); 
}

function 
wOnAfterShowDir(){

  
// Schaltfläche für Hochladen von Dateien im Dateiexplorer ausblenden
  //if(wFilemanager.path == '/wDeutsch/aktuelles'){
  //  wFilemanager.hideButton('upload');
  //}
  //else{
  //  wFilemanager.showButton('upload');
  //}

  // Schaltfläche für Verzeichnis erstellen im Dateiexplorer ausblenden
  //if(wFilemanager.path == '/wDeutsch/xxx'){
  //  wFilemanager.hideButton('createDir');
  //}
}

Beispiel für eine serverseitige Abfrage über AJAX

wGetUrl('/hasPermissionToShowReport.php?path' path, function(responseStr){
  if(
responseStr == 1){
    
wFilemanager.wAppendContextMenuFunction('requestReport', {'icon' '/showReport.gif''caption' 'Report anzeigen''action' "window.open('/showReport.php?path=" path "')"});
  }
  
wFilemanager.wShowMenuContext();    
});

Über die Methode wFilemanager.wRemoveContextMenuFunction lassen sich bestehende Funktionen entfernen. Über die Methode   wFilemanager.wAppendContextMenuFunction   hingegen können zusätzliche Funktionen hinzugefügt werden.

Da das Kontextmenü selbst im Ereignis über wFilemanager.wShowMenuContext() aufgerufen werden muss, lassen sich auch asynchrone Logiken über AJAX in Kombination mit dem PHP-Framework umsetzen.

Beim Einsatz von AJAX muss die Methode wShowMenuContext innerhalb des Ergebnisses aufgerufen werden, da sie sonst vor der Antwort ausgeführt werden würde.

Entwicklerbereich Weblication® CMS - © Scholl Communications AG