[Nicola]

Hi,

i tried  your way to use rest (https://felgo.com/cross-platform-app-development/access-rest-services-qt-v-play-weather-service-example-app-open-source) in qml (i doing in different way) becuase it seems good. I replaced in the datamodel Item with a ListModel because i need to it in a ListPage, but here i have a bad surprise: i must define the delegate (SimpleRow) to show the text (and icon) otherwise i see n (count model) empty row. Is my mistake or is it correct behaviour?

Nicola

[GüntherFelgo Team]

Hi Nicola,

when using a ListPage, a default SimpleRow delegate is automatically set for the AppListView shown on the Page. The SimpleRow supports extracting model properties for the list entries automatically, but only for array type models. When using a ListModel the SimpleRow is not able to automatically parse the model to show the text and icon.

This is expected behavior, and the solution to define a custom SimpleRow to manually set the properties is correct! 😉

Best,
Günther

 

[Nicola]

I tryed with array:

Item {
    id: dataModel
    property var dataClub: []
    function setModelData(type, name, icon, code) {
        var club = { "type": type, "text": name, "idclub": code }
        dataClub.push(club)
    }

    function clearData() {

    }

    function updateFromJson(parsedClubJson) {
    ....
}

and in the ListPage i set model: MySingleton.dataClub but i see empty rows

[GüntherFelgo Team]

This example works for me to show SimpleRow items with the specified text:

import Felgo 3.0
import QtQuick 2.9

App {
  Navigation {
    id: navigation

    NavigationItem {
      title: qsTr("List")
      icon: IconType.list

      NavigationStack {
        ListPage {
          title: "List"
          model: dataModel.dataClub
        }
      }
    }
  }

  Component.onCompleted: dataModel.loadData()

  Item {
    id: dataModel
    property var dataClub: []
    function setModelData(type, name, icon, code) {
      var club = { "type": type, "text": name, "idclub": code }
      dataClub.push(club)
    }

    function loadData() {
      dataClub = []
      setModelData("Type", "Item 1", IconType.home, 1);
      setModelData("Type", "Item 2", IconType.star, 2);
      setModelData("Type", "Item 3", IconType.list, 3);
      setModelData("Type", "Item 4", IconType.anchor, 4);
      dataModel.dataClubChanged(); // manually trigger signal that array model was modified internally
    }
  }
}

Best,
Günther

[Nicola]

Perfect! I missed the trigger.

Thanks