selected-list-view
Demo
Install
npm install selected-list-view --save
Use
;;; ; var users = firstName: 'Ivan' surName: 'Petrov' email: 'ivan@mail.com' firstName: 'Petro' surName: 'Ivanov' email: 'petro@mail.com' firstName: 'John' surName: 'Ivanov' email: 'john@mail.com' firstName: 'Ilon' surName: 'Petrov' email: 'ilon@mail.com' { superprops thisstate = } { return <span>itemfirstName itemsurName</span> <span>itememail</span> } thisstateselectedUser && thisstateselectedUserfirstName + ' ' + thisstateselectedUsersurName <span width=100 style=paramstyle >Пользователи</span> <span /> <SelectedListView isField isModal isButtonActive Width=300 Height=500 // headerRenderer={this.headerRenderer} className='collection' items=users rowRenderer=thisrowRenderer setSelectedIndex=thisstateselectedIndex onSelectedIndex= { this } /> { return <div className="App"> <header className="App-header"> <h1 className="App-title">Test selected list view</h1> </header> <div className='App-intro' > <NumberField outlined readOnly onChange= console name='label' value=this type='text' label='Label' extSpinButton=this_selectedListView /> <SelectedListView Width=300 Height=500 headerRenderer=thisheaderRenderer className='collection' items=users rowRenderer=thisrowRenderer setSelectedIndex=thisstateselectedIndex onSelectedIndex= { this } /> </div> </div> ; } ;;
Props
Common props you may want to specify include:
isButtonExpand
- [boolean] If 'true' show 'open expand' button. If False, the opens is through isActive = 'true'isButtonMore
- [boolean] If 'true' show 'open more horizontal' button. If False, the opens is through isActive = 'true'isActive
- [boolean] If 'true' show windowisField
- [boolean]isModal
- [boolean]isBtnScrollStart
- [boolean] button scroll to start listisBtnScrollEnd
- [boolean] button scroll to end list
'List' props you may want to specify include:
Width
- [number]Height
- [number]headerRenderer
- [nodeObject]rowRenderer
- [nodeObject]items
- [array] all collection items for selectitemsQuickSelection
- [array] collection items for quick selectselectItem
- [object] selected item of arrayonSelectedItem
- [function(object)] call function on selected item of arrayonSelectedIndex
- [function(number)] call function on selected of item index on array