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 attrNamestring The attribute name that has changed
oldValuestring The old attribute value
newValuestring 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} ...