WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 13.12.2018 18:40:43

concipio
Mitglied

My Dynamic Table

Tach zusammen!

Hat schon mal jemand mit dem Modul "Dynamic Table" gearbeitet und kann mir vielleicht etwas zu Aufbau und Datenpflege sagen?
Danke!

concipio

Offline

#2 13.12.2018 18:46:57

florian
Administrator

Re: My Dynamic Table

Siehe Beschreibung hier:
https://addons.wbce.org/pages/addons.ph … m&item=101
https://www.diamond-visions-sarl.com/pa … -table.php

Die Tabelle kann in einem WYSIWYG- oder Code2/HTML-Abschnitt eingetippt werden mittels PHP / Droplet o.ä. generiert werden, oder z.B. mittels Itemz erzeugt werden - wichtig ist nur, dass die Tabelle eine eindeutige ID hat. Du legst dann noch einen DynamicTable-Abschnitt auf der selben Seite an, der dann für die "Magic" sorgt. Die Daten werden immer in der Tabelle selbst verwaltet, nicht im DynamicTable-Modul.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#3 13.12.2018 19:15:17

concipio
Mitglied

Re: My Dynamic Table

Aber wenn ich in einem WYSIWYG-Abschnitt eine Tabelle eingebe, hat sie keine eigene ID, oder? Oder ist dann die ID des Abschnitts gemeint? Dann darf aber kein weiter text drinstehen, oder?

Offline

#4 13.12.2018 19:26:26

bernd
Developer

Re: My Dynamic Table

Du mußt der Tabelle eine ID geben,
entweder in die Quelltextansicht wechseln und im table Tag die id ergänzen

<table id="blablabla">

oder rechtsklick auf die Tabelle, dann Tabelleneigenschaften - Tab "Erweitert" und bei "Kennung" die ID eingeben.
Diese ID trägst du dann auch im DynamicTable Abschnitt entsprechend ein.

Beitrag geändert von bernd (13.12.2018 19:27:56)


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#5 13.12.2018 19:28:13

florian
Administrator

Re: My Dynamic Table

Einen "Erweitert"-Tab gibt es bei den Tabelleneigenschaften nicht (mehr?), stelle ich gerade stirnrunzelnd fest...

Bleibt also nur die Änderung im Quellcode (die angezeigten Felder "Überschrift" und "Zusammenfassung" helfen leider nicht weiter).
In jedem Falle muss die Tabelle die ID haben, nichts anderes.

Beitrag geändert von florian (13.12.2018 19:29:49)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#6 13.12.2018 19:42:28

concipio
Mitglied

Re: My Dynamic Table

Super, funktioniert! Danke schön.

Offline

#7 13.12.2018 19:49:44

bernd
Developer

Re: My Dynamic Table

@florian:
uuups ... in der 1.3.2 war er noch da  ops
Da sollte vielleicht mal colinax einen Blick drauf werfen, da dadurch ja auch die komfortable Möglichkeit wegfällt Tabellen eine Klasse zu zuweisen. Und das nachdem ich meinen Leutchen mühsam beigebracht habe wie man damit schnell verschiedene Tabellenaussehen realisieren kann ...


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#8 13.12.2018 20:20:52

florian
Administrator

Re: My Dynamic Table

gefunden... für den Erweitert-Reiter braucht man die CKE Developer Edition


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#9 13.12.2018 20:29:08

bernd
Developer

Re: My Dynamic Table

ah, o.k. dann kann ich ja die Panik wieder aus dem Gesicht nehmen  angel


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

Liked by:

florian

#10 13.05.2020 19:40:14

makdev
Mitglied

Re: My Dynamic Table

Hi, guys!
I cannot get the Dynamic table to work.
Tried several different alternatives.
1. Created table : <table id="myDynamicTable"> 3 cols, 3 rows and added data.

2. Added section "Dynamic table" (tried with to add it to block "Main" and "None")

Tried also with my own id "tblSorted", in the table id and changed it in the module section as well.

No "Magic"!
The table is as static as the HTML gods created it...

Help, please.
Thanks in advance

Offline

#11 13.05.2020 19:54:58

florian
Administrator

Re: My Dynamic Table

Hi,
look here, maybe this helps?
https://forum.wbce.org/viewtopic.php?pid=30191#p30191
Make sure too that each row has exactly the same amount of cells inside.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#12 13.05.2020 20:18:07

bernd
Developer

Re: My Dynamic Table

And the section with the dynamic table must below the section with the html-table.


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#13 15.05.2020 22:40:49

makdev
Mitglied

Re: My Dynamic Table

Thanks, guys, this seems to work.
But I had to delete the page and start with blank page.
It did not work even when I deleted everything on the WYSIWYG part of my page (even in code mode)
Firefox and Chrome complained about Flash on the "Save" button.
Is there any way not to use flash?

Thanks again!

Beitrag geändert von makdev (15.05.2020 22:44:59)

Offline

#14 17.05.2020 14:36:47

florian
Administrator

Re: My Dynamic Table

Hm, the module was not updated for a long time, so Data Table itself (which is the main script for the table magic) and the Data Table plugins which are shipped with the module are outdated. You can either switch off the save etc buttons in the backend or try to use DataTables without WBCE plugin (see https://datatables.net/).

Question to the community: Maybe somebody likes to update the WBCE module (the former author is no longer active)?


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#15 19.05.2020 18:20:18

makdev
Mitglied

Re: My Dynamic Table

Hi, florian, I can take a look and see if I can update it.
I'll post here if I hit a snag.

Beitrag geändert von makdev (19.05.2020 18:21:00)

Offline

Liked by:

florian

#16 23.05.2020 22:47:19

makdev
Mitglied

Re: My Dynamic Table

I was able to use DataTables without the plugin, using the plugin Code2 to add the necessary custom javascript and HTML.
Worked great with several different configs and calling methods (see below)
I am now using the self-hosted variant for my localhost version.

Considering
1. How easy it is to use DataTables as stand-alone
2. DataTables will continue to be updated outside of WBCE
3. DataTables as stand-alone offers 6 different styling frameworks + 4 different packages + a whole heap of extensions + 5 different download methods
I am not sure if it is worth the time and effort to try and update the WBCE plugin, because it could not match the versatility and ease of use of the stand-alone DataTables.

Offline

#17 24.05.2020 06:14:53

florian
Administrator

Re: My Dynamic Table

Well, generally you are right, but:

  • WBCE is thought to be as easy as possible, less technophile users might have trouble to find, generate and include the customized DataTables scripts

  • Code2 is a very mighty tool which should be accessable only for administrative/trustworty users, not for

  • in Europe it is for privacy / legal reasons (GDPR) better to host all scripts by oneself and avoid using CDNs

We do not need the full flexibility of Data Tables in an WBCE module, just the basic functions. 
So I would propose to build a similiar combination of plugins like the current outdated one and make only them - if possible- configurable via the module.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#18 25.05.2020 21:58:50

bernd
Developer

Re: My Dynamic Table

Had a closer look at this module.
Replacing the outdated dataTables with the most recent version is not that difficult, but to reflect the advanced options with the nowadays available parameters needs a bit rewrite for the backend and maybe some changes to the database-table.

Beitrag geändert von bernd (26.05.2020 02:32:43)


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#19 26.05.2020 02:29:16

bernd
Developer

Re: My Dynamic Table

Attached a updated version with an actual DataTables without flash and nearly the same functionality as the old version.
Please note: this version is still "work in progress" and as now should be used only for testing!

In the modules folder is a file "sample_data.txt" with raw html table data which can be copied to a WYSIWYG section (in sourcecode view) for easier testing.

It took a little to long time to research why the csv,excel,pdf buttons wouldn't work as expected.
The reason: for this functionalities DataTables uses the JavaScript variable "URL" which is, in our case, already defined and that causes some confusion devil

Edit: actual version - see below

Beitrag geändert von bernd (27.05.2020 17:59:17)


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#20 26.05.2020 08:10:34

florian
Administrator

Re: My Dynamic Table

Great work, thank you.
Works like a charme, fits like a glove. Just remove the debug output beyond the table and maybe a bit styling for the buttons (if possible?, currently they are quite large) and then the module is ready to publish.

Beitrag geändert von florian (26.05.2020 08:10:48)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#21 26.05.2020 14:45:19

bernd
Developer

Re: My Dynamic Table

Mal kurz auf deutsch, geht doch bischen flüssiger  angel
Ich hab noch folgendes auf der todo bzw. nice to have:

- die, ohnehin vorhandene Möglichkeit, Spalten festlegen zu können die in der mobile Ansicht ausgeblendet werden einbauen
- Spalten sortierbar machen
- bischen was an der Grundoptik machen (Buttongröße, Umbruch nach der Buttonzeile, etc.)
- (wenn's leicht geht) 'ne Möglichkeit schaffen das der Endanwender eine Teilmenge des CSS für die Tabellenformatierung in der frontend.css editieren kann - denn: den (unbedarften) Endanwender der die Tabellenoptik an sein Template anpassen möchte auf die 1400+ Zeilen datatables.css loslassen ... keine gute Idee  hmm
- Backendcode und -optik bischen aufräumen
- die Sprachdateien vervollständigen
- updgrade.php überarbeiten damit die "Altlasten" weggefegt werden

Beitrag geändert von bernd (26.05.2020 14:46:38)


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#22 27.05.2020 17:58:20

bernd
Developer

Re: My Dynamic Table

There you go.

Additional (switchable) features:

  • the table header can now be fixed

  • table columns can be sorted by drag&drop

  • the display of the page numbering can be adjusted (with/without forward/backward switch, with/without page numbering ...)

  • the table can be made responsive. Columns which do not fit into the viewport are hidden, but the data contained in them can still be shown/hidden by clicking

The table layout can be adjusted to a certain extent using the frontend.css, please note the note in the frontend.css.

Have a fun ...
_________________________________________________________________________________________________

So, fertig.

Zusätzliche (schaltbare) Features:

  • der Tabellenheader kann jetzt fixiert werden

  • Tabellenspalten können per drag&drop sortiert werden

  • die Anzeige der Seitennummerierung kann angepasst werden (mit/ohne vor/zurück Schalter, mit/ohne Seitennummerierung ...)

  • die Tabelle kann responsive gemacht werden. Dabei werden Spalten die nicht in den Viewport passen ausgeblendet, die enthaltenen Daten sind aber trotzdem per Click ein-/ausblendbar

Das Tabellenlayout kann in gewissem Umfang mittels der frontend.css angepasst werden, hierzu bitte auch den Hinweis in der frontend.css beachten.

Viel Spass ...

Edit: fixed version see below

Beitrag geändert von bernd (28.05.2020 15:55:36)


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

Liked by:

florian, thanks, riconico

#23 28.05.2020 08:16:20

florian
Administrator

Re: My Dynamic Table

Sehr schön, mir sind beim Testen aber noch folgende Punkte aufgefallen:
- Update von älteren DT-Versionen funktioniert nicht (Fatal Error - auch wieder so fatal, dass es keinen Logfileeintrag gibt. Scheint aber was mit den Datenbankfeldern zu tun zu haben, Eingabefelder im BE sind bei geupdateten Installationen des Moduls leer und Eingaben darin werden nicht gespeichert. Fehler tritt bei frischen Installationen nicht auf.)
- Paginierungs-Buttons außer Seitenzahlen werden nicht angezeigt (keine Buttons erster, nächster usw. trotz entspr. Auswahl im BE)
Ansonsten top.

Beitrag geändert von florian (28.05.2020 08:17:02)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#24 28.05.2020 12:59:44

bernd
Developer

Re: My Dynamic Table

- Paginierungs-Buttons - ist das mit einem Template getestet, das kein Fontawesome verwendet?

- Update - hat bei mir beim Testen eigentlcih problemlos funktioniert
Zum eingrenzen wo's klemmt:
- ist das alte Verzeichnis /plugins gelöscht?
- ist die Tabelle TABLE_PREFIX.mod_dynamic_table_settings überhaupt neu angelegt worden?
- welche MysQL-Version?

Edit: vergiß es , ich hab grade meinen Denkfehler beim Upgrade erkannt. Die alte Tabelle komplett weg zu schmeißen ist keine wirklich gute Idee  ops

Beitrag geändert von bernd (28.05.2020 14:16:26)


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

#25 28.05.2020 14:37:46

florian
Administrator

Re: My Dynamic Table

- Paginierungs-Buttons - ist das mit einem Template getestet, das kein Fontawesome verwendet?

Ah, Danke für den Hinweis. Daran lag es.
So sehen die Buttons natürlich auch gleich viel besser aus.

Beitrag geändert von florian (28.05.2020 14:38:33)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

Fußzeile des Forums

up