[Felgo User]

I’m trying to remove a SimpleRow Item from a model using a SwipeButton within a SwipeOptionsContainer. Assuming that all values of my model are the same (no way to differentiate each row by value, only by index), what would be the best approach?

 

 ListPage {
        id: listpage
        model: mymodel

        delegate: SwipeOptionsContainer {
          id: container
         
          SimpleRow {
              id: row
          }

          leftOption: SwipeButton {
            icon: IconType.trash
            height: parent.height
            onClicked: {
                //remove item, but how?               
            }
          }
        }
    }

 

 

[GüntherFelgo Team]

Hi!

Within the delegate of your ListPage, you have access to the modelData variable, as well as the index.

This means you can modify your model to remove the item you want to hide. After making changes to your model, please use

listModel.modelChanged()

to manually signal that the contents of your model were modified. The view will then update accordingly.

Another possibility is to really only hide the item without modify the model, e.g. by setting the container item invisible or giving it a heigh of 0.

Best,
Günther