Class: PfListView

PfListView

<pf-list-view> element for Patternfly Web Components


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}
         ...