ZPROJECT

Modales

Par
Sören
v1.0.6

zUI.ShowModal permet d’afficher un formulaire composé de plusieurs champs.

Exemple complet

lua
local values = zUI.ShowModal("Informations", {
    {
        type = "text",
        name = "Nom",
        description = "Saisissez un nom.",
        isRequired = true,
        minLength = 4,
        maxLength = 15
    },
    {
        type = "number",
        name = "Quantité",
        description = "Saisissez une quantité.",
        isRequired = false
    },
    {
        type = "checkbox",
        name = "Activer",
        description = "Active la fonctionnalité.",
        defaultValue = true
    },
    {
        type = "colorpicker",
        name = "Couleur",
        defaultValue = "#faad2c"
    },
    {
        type = "date",
        name = "Date",
        format = "DD/MM/YYYY"
    }
}, {})

La fonction retourne les valeurs saisies dans le même ordre que les champs :

lua
print(values[1])
print(values[2])

Types de champs disponibles

  • text — Champ de texte avec longueur minimale et maximale.
  • number — Champ destiné à une valeur numérique.
  • checkbox — Case à cocher avec une valeur par défaut.
  • colorpicker — Sélecteur de couleur.
  • date — Sélecteur de date avec un format configurable.

Utilisation depuis un bouton

lua
Items:AddButton(
    "Ouvrir le formulaire",
    "Saisir plusieurs informations.",
    {},
    function(onSelected, onHovered)
        if onSelected then
            local values = zUI.ShowModal("Informations", {
                {
                    type = "text",
                    name = "Nom",
                    isRequired = true
                }
            }, {})

            print(values[1])
        end
    end
)