MultiSelectHandler

Container {
    background: Color.Black

    attachedObjects: [
        MultiSelectHandler {
            id: theFirstSelectHandler
            actions: [
                 ActionItem { title: "Create Album" },
                 ActionItem { title: "Mark as read" },
                 ActionItem { title: "Mark as unread" },
                 DeleteActionItem { title: "Delete" }
            ]
            deleteAction:  DeleteActionItem { title: "Delete" }

            status: "This is the status text"

            onActiveChanged: {
                 console.log("First handler active!");
            }
            
            onCanceled: {
                 console.log("Multi selection canceled!");
            }
        }
    ]
}

ListView {
    id: theListView

    // This multi-select action will be placed inside the ActionSets of each 
    // list item that doesn't have a MultiSelectActionItem of its own.
    multiSelectAction: MultiSelectActionItem {}

    multiSelectHandler {
        // These actions will be shown during multiple selection, while this 
        // multiSelectHandler is active
        actions: [
            ActionItem {title: "Multi-select action"},
            DeleteActionItem {}
        ]

        status: "None selected"

        onActiveChanged: {
            if (active == true) {
                console.log("Multiple selection is activated");
            }
            else {
                console.log("Multiple selection is deactivated");
            }
        }

        onCanceled: {
            console.log("Multi selection canceled!");
        }
    }

    listItemComponents: [
        ListItemComponent {
            id: friend
            // This MultiSelectActionItem set on the ListView will automatically show up here.
            ActionSet {
            }
        },

        ListItemComponent {
            id: colleague
            // This MultiSelectActionItem set on the ListView will not show up here, since
            // it already has a MultiSelectActionItem in the ActionSet.
            ActionSet {
                MultiSelectActionItem { title: "Special Select"}
            }
        }
    ]
}

Page {
  actions:  [
    MultiSelectActionItem { 
      multiSelectHandler: theFirstSelectHandler 
      onTriggered: {
        multiSelectHandler.active = true;
      }
    }
  ]

  Container {
    background: Color.Black

    attachedObjects: [
      MultiSelectHandler {
        id: theFirstSelectHandler
        actions: [
          ActionItem {
            title: "Create Album"
          },
          ActionItem {
            title: "Mark as read"
          },
          ActionItem {
            title: "Mark as unread"
          },
          DeleteActionItem { title: "Delete" }
        ]

        status: "This is the status text"
      
        onActiveChanged: {
          console.log("First handler active!");
        }

        onCanceled: {
            console.log("Multi selection canceled!");
        }
      },
      
      MultiSelectHandler {
        id: theSecondSelectHandler
        actions: [
          ActionItem {
            title: "Copy"
          },
          ActionItem {
            title: "Paste"
          },
          DeleteActionItem { title: "Delete" }
        ]
       
        status: "This is the status text"
       
        onActiveChanged: {
          console.log("Second handler active!");
        }

        onCanceled: {
            console.log("Multi selection canceled!");
        }
      }  
    ]  
  }  
}