Polja obrazca: Dropdown Editor

Nazaj: predstavitveni pregled

Stanje: [Live] — widgets::dropdown() plus vedenje prekrivnega elementa v scripts/formfields.js. Izvor in pogodba ARIA: vrstica „Dropdown„ v osnovnem katalogu gradnikov (aria-haspopup/aria-expanded, razred .wk-dropdown). Referenca: DevExpress-ov ASPxDropDownEdit (poljubna vsebina pojavnega okna namesto fiksnega seznama možnosti).

skupna pogodba polj že razumljena.

Razmejitev od Combo Boxa: Dropdown Editor se od Combo Boxa razlikuje po tem, da pojavno okno nosi poljuben HTML (npr. mini propertyGrid(), barvno paleto, izbirnik razpona datumov) namesto čistega seznama besedilo+vrednost — analogno BaseDropdown/DropdownMenu v katalogu gradnikov.

Vedenje brez JS: brez JavaScripta se Dropdown Editor izriše kot nativen par <details>/<summary> (ista osnovna tehnika kot pri widgets::tree()-u) — pojavno okno je razširljivo območje v normalnem toku dokumenta, ne lebdeč prekrivni element. Z JavaScriptom scripts/formfields.js namesto tega postavi pojavno okno kot prekrivni element nad poljem in ga zapre ob kliku zunaj njega oziroma ob Escape.

echo $widgets->dropdown([
    'name'        => 'obdobje',
    'label'       => 'Obdobje',
    'summaryHtml' => hsc('Zadnjih 7 dni'),
    'popupHtml'   => $widgets->propertyGrid($poljaObdobja),
]);

Za poljubno vsebino pojavnega okna (obrazci, barvne palete, izbirniki). Za fiksen seznam besedilo+vrednost namesto tega uporabiti Combo Box.

Metoda dropdown(array $opts): string v helper_plugin_wkfluentui_widgets.

echo $widgets->dropdown([
    'name'        => 'filter',
    'label'       => 'Napredni filtri',
    'summaryHtml' => hsc('3 filtri aktivni'),
    'popupHtml'   => $widgets->propertyGrid($poljaFiltra),
    'closeOnSelect' => false,
]);

Nobenih onkraj strani funkcij.

Celoten pregled: Accessibility.

Se ne uporablja.

• predstavitveni pregled — vsaka kategorija
• Polja obrazca: Combo Box — fiksen seznam besedilo+vrednost namesto proste vsebine pojavnega okna
• FluentUI: osnovni katalog gradnikov — predstopnja CSS/ARIA ravni 2