Skip to content

iKBAHT/combobox

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

19 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Combobox angularjs element

##Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² html

<combobox source="list" model="model" on-item-selected="onSelect" disable="isDisable" options="options"></combobox> 

##Настройки

  • source - источник Π΄Π°Π½Π½Ρ‹Ρ…:
  1. массив с Π΄Π°Π½Π½Ρ‹ΠΌΠΈ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ {id: ..., value: ...}
  2. 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 для Π·Π°Π΄Π΅Ρ€ΠΆΠΊΠΈ поиска

About

angularjs combobox directive

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published