##ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΡΡΠ°Π²ΠΈΡΡ Π² html
<combobox source="list" model="model" on-item-selected="onSelect" disable="isDisable" options="options"></combobox>
##ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ
source
- ΠΈΡΡΠΎΡΠ½ΠΈΠΊ Π΄Π°Π½Π½ΡΡ :
- ΠΌΠ°ΡΡΠΈΠ² Ρ Π΄Π°Π½Π½ΡΠΌΠΈ Π² ΡΠΎΡΠΌΠ°ΡΠ΅
{id: ..., value: ...}
- promise ΠΎΠ±ΡΠ΅ΠΊΡ ΠΊΠΎΡΠΎΡΡΠΉ Π²Π΅ΡΠ½Π΅Ρ ΠΌΠ°ΡΡΠΈΠ² Ρ Π΄Π°Π½Π½ΡΠΌΠΈ Π² ΡΠΎΠΌ ΠΆΠ΅ ΡΠΎΡΠΌΠ°ΡΠ΅
model
- ΡΠ΅ΠΊΡΡΠΈΠΉ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ. Π ΡΡΡ ΠΌΠΎΠ΄Π΅Π»Ρ Π±ΡΠ΄ΡΡ ΡΠΎΡ ΡΠ°Π½ΡΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Π²ΡΠ±ΠΎΡΠ°.on-item-selected
- ΡΡΠΎ ΡΡΠ½ΠΊΡΠΈΡ, ΠΊΠΎΡΠΎΡΠ°Ρ Π±ΡΠ΄Π΅Ρ Π²ΡΠ·Π²Π°Π½Π° ΠΏΡΠΈ Π²ΡΠ±ΠΎΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡdisable
- bool Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, Π½ΡΠΆΠ½ΠΎ Π»ΠΈ Π·Π°Π±Π»ΠΎΠΊΠΈΡΠΎΠ²Π°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π²ΡΠ±ΠΎΡΠ° (Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ)options
- ΠΎΠ±ΡΠ΅ΠΊΡ Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ (Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ). ΠΠΌΠ΅ΡΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ (ΡΠΊΠ°Π·Π°Π½Π½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²Π»ΡΡΡΡΡ Π΄Π΅ΡΠΎΠ»ΡΠ½ΡΠΌΠΈ):
{
lazyLoad: false, //true - ΡΠΎ Π·Π°Π³ΡΡΠ·ΠΈΡΡ Π΄Π°Π½Π½ΡΠ΅ ΠΊΠΎΠ³Π΄Π° ΠΏΡΠΈΠ΄Π΅Ρ Π²ΡΠ΅ΠΌΡ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΠΏΠΎΠΏΠ°ΠΏ, ΠΈΠ½Π°ΡΠ΅ Π·Π°Π³ΡΡΠ·ΠΈΡ ΡΡΠ°Π·Ρ
emptyText: 'ΠΠ΅Ρ', //ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ ΠΊΠΎΠ³Π΄Π° Π½Π΅ Π·Π°Π΄Π°Π½ ΡΠ΅ΠΊΡΡΠΈΠΉ Π²ΡΠ±ΡΠ°Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
noResultText: 'ΠΠ΅ Π½Π°ΠΉΠ΄Π΅Π½ΠΎ', //ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠΈΡΠΊ Π½Π΅ Π΄Π°Π» ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°
listEmptyText: 'Π‘ΠΏΠΈΡΠΎΠΊ ΠΏΡΡΡ', //ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ ΠΊΠΎΠ³Π΄Π° Π½Π΅Ρ ΡΠΏΠΈΡΠΊΠ° Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ²
loadProcessText: 'ΠΠ°Π³ΡΡΠ·ΠΊΠ°', //ΡΠ΅ΠΊΡΡ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²ΠΎ Π²ΡΠ΅ΠΌΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ
defaultSearchText: 'ΠΠΎΠΈΡΠΊ', //ΡΠ΅ΠΊΡΡ Π΄Π»Ρ ΠΏΠ»Π΅ΠΉΡΡ
ΠΎΠ»Π΄Π΅ΡΠ° ΠΏΠΎΠΈΡΠΊΠ°
needSearch: true, //ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ Π»ΠΈ ΠΎΠΊΠ½ΠΎ ΠΏΠΎΠΈΡΠΊΠ°. Π΅ΡΠ»ΠΈ false, ΡΠΎ Π½Π΅ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ Π½ΠΈΠΊΠΎΠ³Π΄Π°, Π΅ΡΠ»ΠΈ true, ΡΠΎ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ countToShowSearch
countToShowSearch: 4, //ΠΏΠΎΡΠ»Π΅ ΠΊΠ°ΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π°Π΄ΠΎ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΏΠΎΠΈΡΠΊ
itemsToShow: 6 //ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²Π»Π΅Π·Π°Π΅Ρ Π΄ΠΎ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΡΠΊΡΠΎΠ»Π»Π°
}
##ΠΠ°ΠΊ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΡΠΏΠΎΠ»Π½ΠΈΡΡ Π² ΠΊΠΎΠ½ΡΠΎΠ»ΠΈ:
- bower install
- npm i
- grunt
##todo
- ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΈΠ²Π°ΡΡ ΡΡΠ°ΡΡΠΊΠΈ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠΉ ΠΏΡΠΈ ΠΏΠΎΠΈΡΠΊΠ΅
- ΠΏΠΎΠΊΡΡΡΡ unit ΡΠ΅ΡΡΠ°ΠΌΠΈ ComboboxList
- Π΄ΠΎΠ±Π°Π²ΠΈΡΡ debounce Π΄Π»Ρ Π·Π°Π΄Π΅ΡΠΆΠΊΠΈ ΠΏΠΎΠΈΡΠΊΠ°