[SailfishDevel] ListModel NOOB Error

[Peter Jespersen]

Thank you very much, both of you - the twisted world of Qt-Quick seems
a tad more clear today. Earlier this week I managed to punch a hole in
the barrier between QML and C++ classes, perhaps I'm really getting
somewhere this time.

Well - after a couple of hours - playing with QML and feeling my way,
with your advice at the back of me old head - I got something that
seems to work in the direction, that I wanted.

---------------------------------------------------
import QtQuick 1.1
import Sailfish.Silica 1.0


Page {
    id: secondPage

    SilicaFlickable {
        anchors.fill: parent

        ListModel {
            id: fruitmodel

            ListElement { fruit: "jackfruit" }
            ListElement { fruit: "orange" }
            ListElement { fruit: "lemon" }
            ListElement { fruit: "lychee" }
            ListElement { fruit: "apricots" }
        }

        Component {
            id:myDelegate
            Text {
                    text: fruit
                    font.pixelSize: 30
                    color: "white"

            MouseArea {
                    anchors.fill: parent
                    onClicked: {
                            console.log("Clicked: " + fruit)
                               }
                        }
                    }
                }

        SilicaListView {
            PullDownMenu {
                MenuItem {
                    text: "Show Page 1"
                    onClicked:
        pageStack.push(Qt.resolvedUrl("FirstPage.qml"))
                }
                MenuItem {
                    text: "Show Page 3"
                    onClicked:
        pageStack.push(Qt.resolvedUrl("ThirdPage.qml"))
               }
            }

            anchors.fill: parent
            anchors.topMargin: parent.height / 8
            anchors.margins: parent.width / 10
            model:fruitmodel
            delegate:myDelegate
            spacing: 5
           }
    }
}

---------------------------------------------------


On Sun, 31 Mar 2013 01:25:41 +0000
mfaro-tusino at live.com <mfaro-tusino at live.com> wrote:

> Try doing list model separate else where .
> 
>  
> 
> Eg. 
> 
>  
> 
> ListModel{
> 
> Id: listModel
> 
> ListElement{
> 
> //Fill the list info here
> 
> } 
> 
> ListElement{
> 
> //Repeat for every element 
> 
> } 
> 
>  
> 
> Then 
> 
> Change the List view to be like this
> 
>  
> 
> SilicaListView {
>          width: 480; height: 800
>          model: ListModel 
> 
>         Label: model.fieldName
> 
> } 
> 
>  
> 
> Sorry for the poor reply,  away from my pc atm to double check it
> will work. 
> 
> ------ Original message ------
> From: Peter Jespersen
> Date: 31/03/2013 12:08
> To: SailfishOS Developer Mailinglist;
> Subject:[SailfishDevel] ListModel NOOB Error
> 
> Hello I'm new to this one and I'm having a bit of a problem.
> I am using the Sailfish Application template of the Sailfish Creator,
> which creates a cover page and two QML pages + a main.qml.
> 
> I have extended the second page, trying to get some Listview going.
> Well - actually I have copied most from your
> sailfishsilica-silicalistview web page
> (https://sailfishos.org/sailfish-silica/qml-sailfishsilica-silicalistview.html#details)
> 
> Resulting in the following :
> 
> -----------------------------------------------------------------------------------
> import QtQuick 1.1
> import Sailfish.Silica 1.0
> 
> 
> Page {
>     id: page
>     PullDownMenu {
>         MenuItem {
>             text: "Show Page 1"
>             onClicked: pageStack.push(Qt.resolvedUrl("FirstPage.qml"))
>         }
>         MenuItem {
>             text: "Show Page 3"
>             onClicked: pageStack.push(Qt.resolvedUrl("ThirdPage.qml"))
>        }
>     }
>    
> contentHeight: childrenRect.height
> 
>     SilicaListView {
>          width: 480; height: 800
>          model: ListModel {
>              ListItem { fruit: "jackfruit" }
>              ListItem { fruit: "orange" }
>              ListItem { fruit: "lemon" }
>              ListItem { fruit: "lychee" }
>              ListItem { fruit: "apricots" }
>          }
>          delegate: Item {
>              width: ListView.view.width
>              height: theme.standardItemHeight
> 
>              Label { text: fruit }
>          }
>      }
> }
> -----------------------------------------------------------------------------------
> 
> So far so good - but when building it - I get the following :
> 
> 
> Error: Error while loading page:
> file:///opt/sdk/share/myfirstapp/pages/SecondPage.qml:20 ListModel is
> not a type
> 
> My first reaction is WTF ???
> It seems like I'm unable to spot the error
> Anybody able to spot the problem ?
> 
> Thanks in advance :o)
> 
> ---
>  
> Mange hilsner/Regards ...
> Peter Jespersen
> Linux User #221493
> 
> “My software never has bugs. It just develops random features ...”
> _______________________________________________
> SailfishOS.org Devel mailing list



---
 
Mange hilsner ...
Peter Jespersen
Linux User #221493

“My software never has bugs. It just develops random features ...”