DataSource

1. Start with an application containing QML code that defines a ListView within a Page, as well as a GroupDataModel that's associated with the ListView.

2. In the QML source file:

   1. Add an import statement: "import bb.data 1.0"

   2. Add a DataSource below the definition of your data model as an attached object.

   3. Add code in DataSource.onDataLoaded to connect the DataSource to the data model.

   4. Trigger loading by calling DataSource.load() from Page.onCreationCompleted().

   5. Specify the fields to display in the list items by adding binding code in the ListView.

import bb.cascades 1.0
import bb.data 1.0

Page {
  content: ListView {
    id: myListView
    dataModel: dataModel
    listItemComponents: [
      ListItemComponent {
        type: "item"
        StandardListItem {
           title: ListItemData.firstname + " " + ListItemData.lastname
           imageSource: "asset:///" + ListItemData.image
           description: ListItemData.title
        }
      }
    ]
  //...
  }
  attachedObjects: [
    GroupDataModel {
      id: dataModel
    },
    DataSource {
      id: dataSource
      source: "sql/contacts1k.db"
      query: "select * from contact order by firstname, lastname"
      onDataLoaded: {
        dataModel.insertList(data);
      }
    }
  ]
  onCreationCompleted: { dataSource.load(); }
}