Class: ListView

ListView()

View for the collection of items.

Constructor

new ListView()

Source:

view/list-view.js, line 24

Example

class ListItemView extends View {
  html(data) {
    return `<li>${data.title}</li>`;
  }
}

let instanceView = new ListView(Node, ListItemView,
          {
            data: [
              { title: 'foo' },
              { ttile: 'bar' }
            ]
          });

Methods

_bindData()

Source:

view/list-view.js, line 180

_bindData()

Source:

view/list-view.js, line 180

_childElAt(index) → {Element}

Return child element at position.

Parameters:

Name	Type	Description
`index`	number	item position.

Source:

view/list-view.js, line 151

Returns:

target element

Type: Element

_childElAt(index) → {Element}

Return child element at position.

Parameters:

Name	Type	Description
`index`	number	item position.

Source:

view/list-view.js, line 151

Returns:

target element

Type: Element

_privates()

Source:

view/list-view.js, line 40

_privates()

Source:

view/list-view.js, line 40

_removeItemByEl(el)

Remove item from list by element

Parameters:

Name	Type	Description
`el`	element	removed element

Source:

view/list-view.js, line 170

_removeItemByEl(el)

Remove item from list by element

Parameters:

Name	Type	Description
`el`	element	removed element

Source:

view/list-view.js, line 170

_setDataToUI()

Source:

view/list-view.js, line 188

_setDataToUI()

Source:

view/list-view.js, line 188

addItem(item)

Add an item to list

Parameters:

Name	Type	Description
`item`	object	an item

Source:

view/list-view.js, line 61

addItem(item)

Add an item to list

Parameters:

Name	Type	Description
`item`	object	an item

Source:

view/list-view.js, line 61

(protected) addItemEl(listEl, itemEl)

If you change adding item effect, override this method.

Parameters:

Name	Type	Description
`listEl`	Element	parent element for List
`itemEl`	Element	added element

Source:

view/list-view.js, line 118

(protected) addItemEl(listEl, itemEl)

If you change adding item effect, override this method.

Parameters:

Name	Type	Description
`listEl`	Element	parent element for List
`itemEl`	Element	added element

Source:

view/list-view.js, line 118

insertItem(item, index)

Insert an item to list at index

Parameters:

Name	Type	Description
`item`	object	an item
`index`	number	target position

Source:

view/list-view.js, line 73

insertItem(item, index)

Insert an item to list at index

Parameters:

Name	Type	Description
`item`	object	an item
`index`	number	target position

Source:

view/list-view.js, line 73

(protected) insertItemEl(listEl, newEl, nextEl)

If you change inserting item effect, override this method.

Parameters:

Name	Type	Description
`listEl`	Element	parent element for List
`newEl`	Element	an element for new item for List
`nextEl`	Element	next element will be next one for newEl

Source:

view/list-view.js, line 130

(protected) insertItemEl(listEl, newEl, nextEl)

If you change inserting item effect, override this method.

Parameters:

Name	Type	Description
`listEl`	Element	parent element for List
`newEl`	Element	an element for new item for List
`nextEl`	Element	next element will be next one for newEl

Source:

view/list-view.js, line 130

itemViewClass(item) → {Class.<View>}

If you dynamically change creating item view according to the item, override this method.

Parameters:

Name	Type	Description
`item`	object	an item

Source:

view/list-view.js, line 52

Returns:

Type: Class.<View>

itemViewClass(item) → {Class.<View>}

If you dynamically change creating item view according to the item, override this method.

Parameters:

Name	Type	Description
`item`	object	an item

Source:

view/list-view.js, line 52

Returns:

Type: Class.<View>

removeItem(item, index)

Remove item from list

Parameters:

Name	Type	Description
`item`	object	an item
`index`	number	target position

Source:

view/list-view.js, line 97

removeItem(item, index)

Remove item from list

Parameters:

Name	Type	Description
`item`	object	an item
`index`	number	target position

Source:

view/list-view.js, line 97

removeItemByView(view)

Remove item with view

Parameters:

Name	Type	Description
`view`	view	an view of removing item

Source:

view/list-view.js, line 107

removeItemByView(view)

Remove item with view

Parameters:

Name	Type	Description
`view`	view	an view of removing item

Source:

view/list-view.js, line 107

(protected) removeItemEl(listEl, itemEl)

If you change removing item effect, override this method.

Parameters:

Name	Type	Description
`listEl`	Element	parent element for List
`itemEl`	Element	removed element

Source:

view/list-view.js, line 141

(protected) removeItemEl(listEl, itemEl)

If you change removing item effect, override this method.

Parameters:

Name	Type	Description
`listEl`	Element	parent element for List
`itemEl`	Element	removed element

Source:

view/list-view.js, line 141

updateItem(item, index)

Update an item at index

Parameters:

Name	Type	Description
`item`	object	an item
`index`	number	target position

Source:

view/list-view.js, line 85

updateItem(item, index)

Update an item at index

Parameters:

Name	Type	Description
`item`	object	an item
`index`	number	target position

Source:

view/list-view.js, line 85

ListView()

View for the collection of items.

Constructor

new ListView()

Source:

view/list-view.js, line 24

Example

class ListItemView extends View {
  html(data) {
    return `<li>${data.title}</li>`;
  }
}

let instanceView = new ListView(Node, ListItemView,
          {
            data: [
              { title: 'foo' },
              { ttile: 'bar' }
            ]
          });