• Forum
• Ilch CMS 2.X
• Allgemein
• Allg. Frage zur Modulerstellung

ilch Forum » Ilch CMS 2.X » Allgemein » Allg. Frage zur Modulerstellung

1. Sa. 04.04.2020 09:29 Uhr #1

   

   RTX2070 Hall Of Fame

   Registriert seit

   14.06.2019

   Beiträge

   284

   Beitragswertungen

   

   Hey Ho,
   
   hätte da nochmals ne allg. Frage zur Modulerstellung.
   
   Und zwar habe ich in meinem Modul eine Tabelle in die Index-View eingebaut.
   Mittels JQuery will ich nun dieser Tabelle eine Sortierfunktion hinzufügen.
   
   Das notwendige Script soll im Header geladen werden.
   
   Wie soll ich vorgehen ???
   
   JQuery wird über getHeader() geladen, das ist OK.
   
   Was ist mit dem PlugIn selbst ????
   Soll ich das auch über getHeader() laden lassen ???
   Bei einem Update von Ilch wäre es ja dann wieder weg..
   
   Das Modul selbst hat ja keinen Head-Bereich....
   
   
   
   mfg
   
   
   verwendete ilch Version: 2.1.x
   
   betroffene Homepage: localhost

   
   
   0 Mitglieder finden den Beitrag gut.

   • zitieren
2. Sa. 04.04.2020 09:59 Uhr #2

   

   blackcoder Entwickler

   Registriert seit

   22.05.2014

   Beiträge

   2.414

   Beitragswertungen

   

   Im Header kann aktuell noch kein Javascript dynamisch eingefügt werden:
   github.com/IlchCMS/Ilch-2.0/wiki/Doku-Entwickler-Tags
   
   Von was für einen Plugin redest du?
   Ansonsten kannst du einfach innerhalb deines Moduls einen "static"-Ordner mit den Unterordner "js" anlegen und dort deine nötigen Javascript-Dateien unterbringen. Die Dateien bindest du dann einfach innerhalb der View, in der du sie benötigst ein. Dies muss nicht zwingend innerhalb des Headers geschehen [1].
   
   Beispiel: "static"-Ordner vom User-Modul:
   github.com/IlchCMS/Ilch-2.0/tree/master/application/modules/user/static
   
   <script> src Attribute
   www.w3schools.com/tags/att_script_src.asp
   
   4.12.1. The script element
   www.w3.org/TR/html52/semantics-scripting.html#the-script-element
   
   [1] stackoverflow.com/a/1213326
   0 Mitglieder finden den Beitrag gut.

   • zitieren
3. Sa. 04.04.2020 10:06 Uhr #3

   

   RTX2070 Hall Of Fame

   Registriert seit

   14.06.2019

   Beiträge

   284

   Beitragswertungen

   

   Ich meine dieses Plugin
   
   github.hubspot.com/sortable/docs/welcome/
   
   Einen Static Ordner habe ich bereits für
   
   js , css, func , inc , img
   
   
   OK, werde es mal so versuchen wie du meinst..
   
   Danke

   
   
   0 Mitglieder finden den Beitrag gut.

   • zitieren
4. Sa. 04.04.2020 10:34 Uhr #4

   

   RTX2070 Hall Of Fame

   Registriert seit

   14.06.2019

   Beiträge

   284

   Beitragswertungen

   

   OK...
   
   habe es mal so gemacht wie du meinst...
   
   Die css und js werden geladen aber das Plugin scheint dennoch nicht zu funktionieren

   
   
   0 Mitglieder finden den Beitrag gut.

   • zitieren
5. Sa. 04.04.2020 10:49 Uhr #5

   

   blackcoder Entwickler

   Registriert seit

   22.05.2014

   Beiträge

   2.414

   Beitragswertungen

   

   Ohne Code usw. kann ich dir da jetzt auch nicht helfen.
   
   Prüfe ob du der Tabelle die richtigen Klassen gegeben hast:
   github.hubspot.com/sortable/
   
   Beispiel:
   

   <table class="sortable-theme-bootstrap" data-sortable>
       <!-- ... -->
   </table>

   
   
   Nutze die Entwicklertools deines Browsers um zu sehen ob die Dateien wirklich geladen wurden und ob eventuell Fehler aufgetreten sind.
   0 Mitglieder finden den Beitrag gut.

   • zitieren
6. Sa. 04.04.2020 10:59 Uhr #6

   

   RTX2070 Hall Of Fame

   Registriert seit

   14.06.2019

   Beiträge

   284

   Beitragswertungen

   

   Dateien werden geladen...
   Sortierung läuft aber dennoch nicht...
   
   

   <!-- Lädt die Moduleigene CSS-Datei -->
   <link rel="stylesheet" href="<?=$this->getModuleUrl('static/css/modul.css') ?>">
   <!-- Ende -->
   
   <!-- PlugIn Sortable -->
   <script src="=<?=$this->getModuleUrl('static/plugins/sortable-0.8.0/js/sortable.min.js')?>"></script>
   <link rel="stylesheet" href="<?=$this->getModuleUrl('static/plugins/sortable-0.8.0/css/sortable-theme-bootstrap.css') ?>" />
   <!-- Ende -->
   
   <?php 
   include("application/modules/terminverwaltung/static/func/myFunctions.php");
   include ("application/modules/terminverwaltung/static/inc/modulNav.php");
   ?>
   
   
   
   
   <?php
   $user 		   = $this->get('user'); 
   $berechtigung  = $this->get('berechtigung');
   $adminAccess   = $this->get('adminAccess');
   $termine       = $this->get('termine');
   
   ?>
   
   
   <h1><?=$this->getTrans('uebersicht') ?></h1>
   
   <?php if (!empty($termine)): ?>
   
   
   
   
   
   <table class="table table-hover sortable-theme-bootstrap " data-sortable>
     <thead>
       <tr>
         <th>#</th>
         <th>Name</th>
         <th>Adresse</th>
         <th>HausNr.</th>
   	  <th>Plz</th>
   	  <th>Ort</th>
   	  <th>Liefertermin</th>
   	  <th>Uhrzeit (opt.)</th>
   	  <th>Infos</th>
   	  <th>Aktion</th>
       </tr>
     </thead>
     <tbody>
     <?php foreach ($termine as $termin):?>
   			
   			
     
       <tr>
   .......

   
   
   0 Mitglieder finden den Beitrag gut.

   • zitieren
7. Sa. 04.04.2020 11:06 Uhr #7

   

   RTX2070 Hall Of Fame

   Registriert seit

   14.06.2019

   Beiträge

   284

   Beitragswertungen

   

   Fehler gefunden
   Läuft nun...
   
   
   Zeile 6 im Code oben, das zweite = war zuviel.
   
   lg
   
   
   ABER....
   
   Wenn ich das plugin in einer anderen View verwende dann läuft es nicht nicht
   
   
   Zuletzt modifiziert von RTX2070 am 04.04.2020 - 11:15:53

   
   
   1 Mitglieder finden den Beitrag gut.

   • zitieren