WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 10.06.2017 12:43:11

kleo
Member

Tabelle mit Sortierfunktion

Auf der ADDONS-Seite gibt es die Tabelle mit allen WBCE-Addons:

https://addons.wbce.org/

Da kann man die EInträge je nach Spalten sortieren.
Wie kann man so eine Tabelle erstellen?
Gibt es ein passendes Modul dafür?

Offline

#2 10.06.2017 13:36:35

florian
Administrator

Re: Tabelle mit Sortierfunktion

Das AOR ist mit wbProfiles erstellt, die Tabelle selbst eine abenteuerliche Kombination aus im Modul hart verdrahtetem Code, einem Droplet und HTML/JavaScript in einem Code2-Abschnitt.

Filterung/Sortierung sind zwei JavaScript- bzw. jQuery-Schnipsel, die sich auf jede beliebige Tabelle anwenden lassen.
TableSort ist von hier: https://www.j-berkemeier.de/TableSort.html

Die Filterfunktion sind tatsächlich nur diese paar Zeilen Code, wichtig ist, dass der tbody die ID fbody hat

 <script type="text/javascript">
$("#searchInput").keyup(function () {
    //split the current value of searchInput
    var data = this.value.split(" ");
    //create a jquery object of the rows
    var jo = $("#fbody").find(".result");
    if (this.value == "") {
        jo.show();
        return;
    }
    //hide all the rows
    jo.hide();

    //Recusively filter the jquery object to get results.
    jo.filter(function (i, v) {
        var $t = $(this);
        for (var d = 0; d < data.length; ++d) {
            if ($t.is(":contains('" + data[d] + "')")) {
                return true;
            }
        }
        return false;
    })
    //show the rows that match.
    .show();
}).focus(function () {
    this.value = "";
    $(this).css({
        "color": "black"
    });
    $(this).unbind('focus');
}).css({
    "color": "#C0C0C0"
});
</script>

Das lässt sich dann mehr oder weniger einfach für jede beliebige Tabelle anwenden. Denkbar wäre die Kombination aus WYSIWYG plus Code2 für eine händisch erstellte Tabelle oder die Tabelle mit Itemz, Oneforall o.ä. zu generieren - kommt halt darauf an, was Du darin für Daten darstellen willst.

Offline

Board footer

Powered by FluxBB

up