Uploaded image for project: 'Qt'
  1. Qt
  2. QTBUG-78297

DelegateModel + DelegateChoice = produce unexpected delegate

    XMLWordPrintable

    Details

    • Platform/s:
      All
    • Commits:
      b7030c2efb90fd1109166d8d476aeab7194c41e1 (qt/qtdeclarative/5.14)

      Description

      We're trying to use a ListView with DelegateModel to simulate a simple tree view. Here's the minimum implementation:

      import QtQml.Models 2.12
      import Qt.labs.qmlmodels 1.0
      
      import QtQuick 2.12
      import QtQuick.Window 2.12
      import QtQuick.Controls 2.12
      
      Window {
          visible: true
          width: 200
          height: 320
      
          DelegateModel {
              id: theModel
      
              model: ListModel {
                  ListElement { role: "section" }
                  ListElement { role: "item" }
                  ListElement { role: "section" }
                  ListElement { role: "item" }
                  ListElement { role: "section" }
                  ListElement { role: "item" }
                  ListElement { role: "item" }
                  ListElement { role: "item" }
              }
      
              filterOnGroup: "expanded"
              groups: DelegateModelGroup {
                  name: "expanded"
              }
      
              delegate: DelegateChooser {
                  role: "role"
      
                  DelegateChoice {
                      roleValue: "section"
                      ItemDelegate {
                          text: "+ Section " + index
      
                          onClicked: {
                              let i = DelegateModel.itemsIndex + 1;
                              for (; i < theModel.items.count; ++i) {
                                  let item = theModel.items.get(i);
                                  if (item.model.role === "section")
                                      break;
                                  item.inExpanded = !item.inExpanded;
                              }
                          }
                      }
                  }
      
                  DelegateChoice {
                      roleValue: "item"
                      ItemDelegate {
                          text: "Item " + index
                      }
                  }
              }
      
              Component.onCompleted: items.addGroups(0, items.count, ["expanded"])
          }
      
          ListView {
              anchors.fill: parent
              model: theModel
          }
      
      }
      
      

      So far so good, but after expanding and collapsing some items, things get wired. Some of the normal items change into section items, see the attachment GIF.

      This seems to be a cache issue with DelegateModel when it tries to reuse the old delegate of an item that already be removed from filtering group.

        Attachments

          Issue Links

          For Gerrit Dashboard: QTBUG-78297
          # Subject Branch Project Status CR V

            Activity

              People

              Assignee:
              qt.team.quick.subscriptions Qt Quick and Widgets Team
              Reporter:
              gpbeta Joshua GPBeta
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Gerrit Reviews

                  There are no open Gerrit changes