Forms - SQL Auswahl mit Suchfunktion

thesoulrester

Hey,

ich bin gerade dabei, im backend die Eingabemaske für eine Tabellen-View zu erstellen.

Hierfür habe ich einige Felder, manche vom Typ SQL. Nun würde ich gerne, da in manchen Feldern sehr viele Werte enthalten sind, eine Suchfunktion einbauen.

In einer Vorgängerkomponente habe ich folgendes gefunden: layout="joomla.form.field.list-fancy-select" class="inputbox"

Code

 <field name="einsatzkategorie_id" type="sql" label="Einsatzkategorie" query="SELECT id, title, ordering FROM #__blaulichtmonitor_einsatzkategorien ORDER BY ordering ASC" key_field="id" value_field="title" required="true" layout="joomla.form.field.list-fancy-select" class="inputbox" />

Das funktioniert prinzipiell auch schon:

Nun würde ich aber gerne das X in der Eingabemaske entfernen, da ich nicht möchte, dass man hier nicht Nichts auswählen kann. Ich finde hierzu aber leider nichts wie sich das umsetzen lässt.

Ich habe auch folgendes gefunden: https://manual.joomla.org/docs/general-c…tandard-fields/ aber unter SQL lässt sich hier leider nichts passendes finden. Tatsächlich hab ich auch in der Doku nichts zu layout="joomla.form.field.list-fancy-select" gefunden.

BlaulichtMonitor/admin/forms/einsatzbericht.xml at alpha-dev · TheSoulrester/BlaulichtMonitor

Eine von Grund auf neu entwickelte Joomla 5 Komponente zur Verwaltung von Einsätzen. - TheSoulrester/BlaulichtMonitor

github.com

Würde mich über etwaige Hilfe freuen - vermutlich werd ich hier auch nochmal bei anderen Feldern um Hilfe fragen müssen...

Vielen Dank im Voraus und viele Grüße,

Alex

christine2

Zitat von thesoulrester

Ich habe auch folgendes gefunden: https://manual.joomla.org/docs/general-c…tandard-fields/ aber unter SQL lässt sich hier leider nichts passendes finden. Tatsächlich hab ich auch in der Doku nichts zu layout="joomla.form.field.list-fancy-select" gefunden.
https://github.com/TheSoulrester/…zbericht.xml#L6

Hallo Alex,

Helfen kann i da überhaupt net - keine Ahnung davon

Hab G befragt, besser gesagt KI meint. Kopiere es hier her:

Code

The layout joomla.form.field.list-fancy-select is used in Joomla 4 to style a <field> element of type list (a dropdown or select list) with a more visually appealing and user-friendly interface. It transforms the standard HTML multiple select field into a "fancy select" or "combo box" style, often incorporating features like search within the options and a more modern look. 
Here's a breakdown of its purpose and usage:
Purpose:

    Enhanced User Experience:
    The list-fancy-select layout provides a more modern and user-friendly way to interact with lists, especially when dealing with a large number of options.
    Styling and Functionality:
    It allows you to apply custom styling and functionality to the list field, such as search capabilities, making it easier for users to find and select the desired option.
    Native Joomla Look:
    The layout aims to provide a consistent look and feel with other Joomla 4 elements, rather than relying on the default browser styling of a select box. 

How to use it:

    Identify the field: You need to have a <field> element in your form's XML definition with the type="list" attribute. 

Apply the layout: Add the layout="joomla.form.field.list-fancy-select" attribute to the <field> element. 
Example:

Code

<field
    name="category_id"
    type="category"
    extension="com_content"
    multiple="true"
    size="5"
    default="all"
    label="Select Categories"
    description="Choose one or more categories"
    layout="joomla.form.field.list-fancy-select"
>
    <option value="all">JOPTION_ALL_CATEGORIES</option>
</field>

Key points:

    The list-fancy-select layout is specifically designed for the list field type. 

It's often used with the multiple="true" attribute to allow selecting multiple options. 
The layout can be combined with other attributes of the list field, such as size, default, and description, to further customize its behavior and appearance. 
The exact styling and functionality of the "fancy select" will depend on the specific implementation within Joomla 4, but it generally provides a more visually appealing and user-friendly experience compared to a standard select box.

Alles anzeigen

Aber Obiges, wirst Du ja eh kennen/wissen.

Und: https://forum.joomla.org/viewtopic.php?t=1003378
Liebe Grüße
Christine

firstlady

Das x kannst du eventuell mit CSS ausblenden: class="choices__button_joomla".

Bei mir funktioniert ein solches sql field so wie du möchtest. Es braucht required="true" und keinen default wert.

thesoulrester

Zitat von firstlady

Das x kannst du eventuell mit CSS ausblenden: class="choices__button_joomla".
Bei mir funktioniert ein solches sql field so wie du möchtest. Es braucht required="true" und keinen default wert.

hmm, required="true und keinen default wert ist ja schon gesetzt:

Code

<field name="einsatzkategorie_id" type="sql" label="Einsatzkategorie" query="SELECT id, title, ordering FROM #__blaulichtmonitor_einsatzkategorien ORDER BY ordering ASC" key_field="id" value_field="title" required="true" layout="joomla.form.field.list-fancy-select" class="inputbox" />

Und ich möchte eigentlich custom-css vermeiden wenn es mit Bordmitteln schon gut aussieht. Aber wenn es hier keine andere Möglichkeit gibt...

Eine weitere Frage: Kann ich in der Eingabemaske von Einsatzfahrzeuge die zugehörigen "Einheiten" als Header dazuschreiben?

Zitat

St. Wache
- KDOW 10/1
- DLK 30/1
- ...
LG1
- MZF 1/11/1
- ...
LG2
- ...

Alles anzeigen

Das ganze ist auch ein SQL Feld mit fancy-select - mir fällt nur gerade spontan nichts ein, wie ich das integrieren kann. Ich möchte es auch vermeiden, custom-form-fields nutzen zu müssen weil das am Ende auch wieder extra Aufwand bedeuten würde, im Falle von Updates warten zu müssen.

christine2 danke für deine Antwort, so ganz hat mich das aber nicht weiter gebracht. Ich arbeite nebenbei bisschen mit ChatGPT und GithubGPT. Aber hat bisher hier auch noch nicht weiter geholfen.

Viele Grüße,
Alex

firstlady

Ich habe anscheinend das Problem nicht ganz verstanden.

Du kannst die Einheiten dazu nehmen, mit einem JOIN im deinem SQLl. sowas kann chatGPT sehr gut zeigen.

Ich würde allerdings für sowas ein eigenes Form Field für deine Komponente schreiben, das finde ich flexibler, es lässt sich auch besser gestalten. Schau mal als Beispiel in administrator\components\com_config\src\Field\ConfigComponentsField.php.

serecords

Hallo thesoulrester ,

ich wollte mich nur mal erkundigen, ob du bereits mit der Entwicklung der Komponente weitergekommen bist und man sie schon irgendwo betrachten kann? Würde mich über eine Rückmeldung freuen.

Elwood

Zitat von serecords

..... ob du bereits mit der Entwicklung der Komponente weitergekommen bist und man sie schon irgendwo betrachten kann? .......

Konnte dazu nur das finden:

GitHub - TheSoulrester/BlaulichtMonitor: Eine von Grund auf neu entwickelte Joomla 5 Komponente zur Verwaltung von Einsätzen.

Eine von Grund auf neu entwickelte Joomla 5 Komponente zur Verwaltung von Einsätzen. - TheSoulrester/BlaulichtMonitor

github.com

thesoulrester

Zitat von serecords

Hallo thesoulrester ,

ich wollte mich nur mal erkundigen, ob du bereits mit der Entwicklung der Komponente weitergekommen bist und man sie schon irgendwo betrachten kann? Würde mich über eine Rückmeldung freuen.

Hey serecords

Ich bin bisschen weiter gekommen, aber leider dann irgendwann etwas ins Stocken gekommen bei der medienmigrierung und so und die recht marginale joomla Doku hat mich da nicht weiter unterstützt…

Zudem hab ich jetzt die Fachbereichsleitung Öffentlichkeitsarbeit bei uns übernehmen „dürfen“ und deswegen gerade weiter wenig Zeit.

Tatsächlich hat sich aber noch jemand an einer Komponente gewagt, man mag Böses denken, heißt es fast so wie meine Komponente, hätte ich es gut gefunden wenn er sich damals auf meine Anfrage in der einsatzkomponente gemeldet hätte und man sich hätte gegenseitig unterstützen können…

Blaulichtkomponente.de - Startseite

Allerdings fehlen noch viele Features in dieser „neuen“ Komponente und ein GitHub gibt es auch noch nicht davon. Meiner Einschätzung nach geht dieses Projekt auch nur sehr schleppend voran…

Aber Elwood hat tatsächlich mein Git gefunden