CODEWITHSUNDEEP
qtqml
dzukp
dzukp

Reputation: 191

How change field of reused component in Qml?

I have the following code. I need to set different "model" field for different TableViews. How can i do this?

I need override "model" field for every TableView. It is possible?

// main.qml
ApplicationWindow {
    id: window

    TabView {
         Tab {
             title: "Tab 1"
             MyTable {}
         }
         Tab {
             title: "Tab 2"
             MyTable {}
         }
     }
}

.

// MyTable.qml
MyTableView {
    TableView {
        TableViewColumn {
            role: "number"
            title: "Number"
        }
        model: MyModel
    }
}

The next code is correct but too long.

// main.qml
ApplicationWindow {
    id: window
    TabView {
         Tab {
             title: "Tab 1"
             TableView {
                 TableViewColumn {
                     role: "number"
                     title: "Number"
                 }
                 model: MyModel_1
             }
         }
         Tab {
             title: "Tab 2"
             TableView {
                 TableViewColumn {
                     role: "number"
                     title: "Number"
                 }
                 model: MyModel_2
             }
         }
     }
}

Upvotes: 0

Views: 59

Answers (1)

TrebledJ
TrebledJ

Reputation: 9007

You can set a property alias for the model. First set an id for the TableView then hook up its model.

// MyTable.qml
MyTableView {
    property alias model: tableView.model

    TableView {
        id: tableView
        TableViewColumn {
            role: "number"
            title: "Number"
        }
        // model: MyModel // redundant in most cases
                          // unless you want to have a DEFAULT model
    }
}

And use model in each MyTable item like so:

// main.qml
ApplicationWindow {
    id: window

    TabView {
         Tab {
             title: "Tab 1"
             MyTable { model: MyFirstModel }
         }
         Tab {
             title: "Tab 2"
             MyTable { model: MySecondModel }
         }
     }
}

Upvotes: 1

Related Questions