multiselect-web-component v1.0.4
Multiselect Web Komponentas
Tai multiselect komponentas sukurtas naudojantis Web Components.
Demonstracija
Naudojimas
Įkelkite multiselect.html ir naudokite <x-multiselect> elementą. Aprašykite sąrašo punktus <li> elementais. Kad punktas būtų pažymėtas pasirinkite selected atributą.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="import" href="multiselect.html">
</head>
<body>
<x-multiselect placeholder="Select Value">
<li value="1" selected>Punktas 1</li>
<li value="2">Punktas 2</li>
<li value="3" selected>Punktas 3</li>
<li value="4">Punktas 4</li>
</x-multiselect>
</body>
</html>API
Atributas placeholder
Pridėkite atributą placeholder kad nustatytumėte multiselect "placeholder" (tekstą, kuris bus matomas, kai nepasirinktas joks punktas).
<x-multiselect placeholder="Pasirinkite punktą">
...
</x-multiselect>Metodas selectedItems()
Grąžina pažymėtus punktus masyve.
// grąžina masyva su reikšmėmis, pvz.: [1, 3]
var selectedItems = multiselect.selectedItems();Įvykis change
Iškviečiamas kiekvieną kartą kuomet pasikeičia pažymėti sąrašo punktai.
multiselect.addEventListener('change', function() {
// spausdina pasirinktus punktus į konsolę
console.log('Pasirinkti punktai:', this.selectedItems());
});Naršyklių palaikymas
Naršyklės palaikymas apribotas Web Components palaikymu.
Pridėkite webcomponentjs išimtį savo projekte, kad galėtumėte naudotis komponentu visose moderniose naršyklėse.
Licencija
MIT Licecija (MIT)
Autorinės teisės (c) 2017 SitePoint
Suteikiamas leidimas nemokamai, bet kokiam asmeniui, įsigijusiam šios programinės įrangos kopiją ir susijusius dokumentus, failus ( "Programinė įranga"), naudotis programine įranga be apribojimų, įskaitant teises be apribojimų naudoti, kopijuoti, modifikuoti, sujungti , skelbti, platinti, perduoti teisę ir / ar parduoti programinės įrangos kopijas, laikantis šių sąlygų:
Aukščiau pateiktos autorių teisės ir šis leidimas, turi būti įtrauktas į visas kopijas kuriose panaudota ši programine įranga.
PROGRAMINĖ ĮRANGA PATEIKIAMA "TOKIA, KOKIA YRA", BE JOKIOS GARANTIJOS, ĮSKAITANT, BET NEAPSIRIBOJANT, GARANTIJAS PARDUOTI, TINKAMUMO TAM TIKRAM TIKSLUI. JOKIU ATVEJU AUTORIAI IR AUTORIŲ TEISIŲ SAVININKAI NEBUS ATSAKINGI UŽ JOKIĄ ŽALĄ AR KITOKIAS ATSAKOMYBES. DĖL IEŠKINIŲ PAGAL DELIKTINE ARBA KITAIP, PATIRIAMAS IŠ / ARBA SUSIJUSIŲ SU PROGRAMINĖS ĮRANGOS NAUDOJIMO.