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

Geschlossen
  1. Sa. 04.04.2020 09:29 Uhr #1
    User Pic
    RTX2070 Hall Of Fame
    Registriert seit
    14.06.2019
    Beiträge
    284
    Beitragswertungen
    48 Beitragspunkte
    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....

    trauriggrummltraurig

    mfg


    verwendete ilch Version: 2.1.x

    betroffene Homepage: localhost

    0 Mitglieder finden den Beitrag gut.
  2. Sa. 04.04.2020 09:59 Uhr #2
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.401
    Beitragswertungen
    389 Beitragspunkte
    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.
  3. Sa. 04.04.2020 10:06 Uhr #3
    User Pic
    RTX2070 Hall Of Fame
    Registriert seit
    14.06.2019
    Beiträge
    284
    Beitragswertungen
    48 Beitragspunkte
    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.
  4. Sa. 04.04.2020 10:34 Uhr #4
    User Pic
    RTX2070 Hall Of Fame
    Registriert seit
    14.06.2019
    Beiträge
    284
    Beitragswertungen
    48 Beitragspunkte
    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.
  5. Sa. 04.04.2020 10:49 Uhr #5
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.401
    Beitragswertungen
    389 Beitragspunkte
    Ohne Code usw. kann ich dir da jetzt auch nicht helfen. zwinker

    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.
  6. Sa. 04.04.2020 10:59 Uhr #6
    User Pic
    RTX2070 Hall Of Fame
    Registriert seit
    14.06.2019
    Beiträge
    284
    Beitragswertungen
    48 Beitragspunkte
    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.
  7. Sa. 04.04.2020 11:06 Uhr #7
    User Pic
    RTX2070 Hall Of Fame
    Registriert seit
    14.06.2019
    Beiträge
    284
    Beitragswertungen
    48 Beitragspunkte
    Fehler gefunden zwinker
    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 misstrauigmisstrauigmisstrauigmisstrauigmisstrauig


    Zuletzt modifiziert von RTX2070 am 04.04.2020 - 11:15:53

    1 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten