gem.control. ListControl

new ListControl(initOptions)

Control for displaying an interactive data source list

Parameters:
NameTypeDescription
initOptionsobject
Properties
NameTypeAttributesDefaultDescription
containerstring<optional>

id of HTML parent element

sourceControlgem.control.BaseControl

Linked data source control

menuNamestring<optional>

Menu list name

displayCountboolean<optional>
true

display information about number of items

itemsToLoadAtATimenumber<optional>
20

no. of list items to load a time when scrolling

titlePropertiesArray.<string>

data source item properties to use for list item title

detailsPropertiesArray.<string>

data source item properties to use for list item details

imagePropertystring

data source item property that contains an image url

displayCountbool<optional>
true

display list items count

itemsToLoadAtATimenumber<optional>
20

number of list items to load at a time

flyToItemAltitudenumber<optional>
1000

set marker fly to altitude in meters

cssClassesobject<optional>

specify custom style rules for list elements

Properties
NameTypeAttributesDescription
divMenuobject<optional>
Properties
NameTypeAttributesDefaultDescription
classNamestring<optional>
'gem-markers-menu'
typestring<optional>
'div'
listHeaderobject<optional>
Properties
NameTypeAttributesDefaultDescription
classNamestring<optional>
'gem-markers-menu-name'
typestring<optional>
'div'
divListobject<optional>
Properties
NameTypeAttributesDefaultDescription
classNamestring<optional>
'gem-markers-menu-list'
typestring<optional>
'div'
divItemobject<optional>
Properties
NameTypeAttributesDefaultDescription
classNamestring<optional>
'gem-marker-list-item'
typestring<optional>
'div'
divItemImageobject<optional>
Properties
NameTypeAttributesDefaultDescription
classNamestring<optional>
'gem-marker-list-item-image'
typestring<optional>
'div'
divItemContentobject<optional>
Properties
NameTypeAttributesDefaultDescription
classNamestring<optional>
'gem-marker-list-item-content'
typestring<optional>
'div'
divItemTitleobject<optional>
Properties
NameTypeAttributesDefaultDescription
classNamestring<optional>
'gem-marker-list-item-title'
typestring<optional>
'div'
divItemNoResultsCssobject<optional>
Properties
NameTypeAttributesDefaultDescription
classNamestring<optional>
'gem-marker-list-no-results'
typestring<optional>
'div'
divListCountCssobject<optional>
Properties
NameTypeAttributesDefaultDescription
classNamestring<optional>
'gem-markers-list-count-info'
typestring<optional>
'div'
divListLoaderCssobject<optional>
Properties
NameTypeAttributesDefaultDescription
classNamestring<optional>
'gem-marker-list-loader'
typestring<optional>
'div'
selectedItemClassstring<optional>

css class for selected marker item

populateItemFunctioncallbackListItem<optional>

fully customize the list item