new PfListView()
Properties:
Name | Type | Description |
---|---|---|
show-checkboxes |
string | whether to show list-view checkboxes |
Example
<pf-list-view id="example1" show-checkboxes="true"> <pf-template-repeater id="example1-content" content='[{"name": "Big Bird", "address": "1 Seaseme Street"}]'> <pf-template> <div class="list-view-pf-description"> <div class="list-group-item-heading"> ${name} </div> <div class="list-group-item-text"> ${address} </div> </div> </pf-template> </pf-template-repeater> </pf-list-view>
Methods
-
attributeChangedCallback(attrName, oldValue, newValue)
-
Called when element's attribute value has changed
Parameters:
Name Type Description attrName
string The attribute name that has changed
oldValue
string The old attribute value
newValue
string The new attribute value
-
handleRepeaterContentChanged()
-
Called when repeater content changes (updates content)
-
updateComponent()
-
This method updates the overall list view and each repeated row/item in the list.
Example
<pf-list-view> <pf-template-repeater content='[{"name": "Fred Flintstone", "address": "20 Dinosaur Way"}, {"name": "John Smith", "address": "415 ...' <pf-template> <div class="list-view-pf-description"> <div class="list-group-item-heading"> ${name} ...