ComboBox

KISSY ComboBox. xclass: 'combobox'.

parents: Component.Controller

defined in: base.js

Class

Attributes

  • alignWithCursor {Boolean} Whether align menu with individual token after separated by separator.
  • autoHighlightFirst {Boolean} Whether or not the first row should be highlighted by default.
  • collapsed {Boolean} Whether combobox menu is hidden.
  • dataSource {ComboBox.LocalDataSource|ComboBox.RemoteDataSource|Object} dataSource for comboBox.
  • format {} Format function to return array of html/text/menu item attributes from array of data.
  • hasTrigger {Boolean} Whether show combobox trigger.
  • input {NodeList} Input element of current combobox.
  • literal {String} If separator wrapped by literal chars,separator become normal chars.
  • matchElWidth {} Whether drop down menu is same width with input.
  • maxItemCount {Number} maxItemCount max count of data to be shown
  • menu {Menu.PopupMenu} ComboBox dropDown menuList
  • multiple {Boolean} Whether allow multiple input,separated by separator Default : false
  • separator {String} Separator chars used to separator multiple inputs.
  • separatorType {String} Separator type.
  • updateInputOnDownUp {Boolean} Whether update input's value at keydown or up when combobox menu shows.

Events

  • afterCollapsedChange (e) fired after combobox 's collapsed attribute is changed.
  • click (e) fired when user select from suggestion list

Class Detail

  • ComboBox ()
    KISSY ComboBox. xclass: 'combobox'.

Attributes Detail

  • alignWithCursor {Boolean} Whether align menu with individual token after separated by separator. Default : false
  • autoHighlightFirst {Boolean} Whether or not the first row should be highlighted by default. Default : false
  • collapsed {Boolean} Whether combobox menu is hidden.
  • dataSource {ComboBox.LocalDataSource|ComboBox.RemoteDataSource|Object} dataSource for comboBox.
  • format Format function to return array of html/text/menu item attributes from array of data.
  • hasTrigger {Boolean} Whether show combobox trigger. Default: true.
  • input {NodeList} Input element of current combobox.
  • literal {String} If separator wrapped by literal chars,separator become normal chars. Default : "
  • matchElWidth Whether drop down menu is same width with input. Default: true.
  • maxItemCount {Number} maxItemCount max count of data to be shown
  • menu {Menu.PopupMenu} ComboBox dropDown menuList
  • multiple {Boolean} Whether allow multiple input,separated by separator Default : false
  • separator {String} Separator chars used to separator multiple inputs. Default: ;,
  • separatorType {String} Separator type. After value( 'suffix' ) or before value( 'prefix' ).
  • updateInputOnDownUp {Boolean} Whether update input's value at keydown or up when combobox menu shows. Default true

Methods Detail

  • sendRequest (value) view source
    fetch comboBox list by value and show comboBox list
    Parameters
    •   value {String} value for fetching comboBox list

Events Detail

  • afterCollapsedChange (e) view source
    fired after combobox 's collapsed attribute is changed.
    Parameters
    •   e
    •   e.newVal current value
    •   e.prevVal previous value
  • click (e) view source
    fired when user select from suggestion list
    Parameters
    •   e
    •   e.target Selected menuItem
blog comments powered by Disqus
Top