QML and SelectionDialog [and other QML-related questions] - maemo.org

Active Topics

Google drops XMPP support in its new chat/Talk/Hangouts (39)
to General by The Wizard of Huz - 30 mins ago
sim card error (1)
to Nokia N9 / N950 by nokiabot - 30 mins ago
[Announce] Bluetooth PBAP and IrMC / Carkit support is coming to N900... (529)
to Applications by nokiabot - 33 mins ago
tip - how to modify an app shortcut and add runtime parameters (1)
to Maemo 5 / Fremantle by robotanarchy - 46 mins ago
N9/x0: share how-to/workaround/mod/app/other (1,070)
to MeeGo / Harmattan by The Wizard of Huz - 54 mins ago
Wazapp Public Beta for N9 [0.9.17] (9,778)
to Applications by The Wizard of Huz - 1 hr, 7 mins ago
Strange problem with battery life (5)
to General by sonofabit - 1 hr, 12 mins ago
[Announce|WIP] Tiny Tiny RSS Reader for Meego (12)
to MeeGo / Harmattan by Garp - 1 hr, 15 mins ago
[Announce] Pierogi - a universal infrared remote control app (1,010)
to Applications by Copernicus - 1 hr, 20 mins ago
[Support thread] Billboard Standby Screen (877)
to MeeGo / Harmattan by danested - 1 hr, 32 mins ago
Gtalk issues on Nokia N9 - Cannot make outgoing video call (111)
to MeeGo / Harmattan by jalyst - 1 hr, 54 mins ago
[ANNOUNE!] N900 Tremulous Port Bounty! (30)
to Applications by Fatalist - 2 hrs, 9 mins ago
more...

Page 1 of 3

Next >

Thread Tools

Search this Thread

marmistrz	06-26-2012 , 10:47 AM
Posts: 1,758 \| Thanked: 1,872 times \| Joined on May 2011 @ Poland	#1

Hi
I'm learning QML.
My code is:

Code:

import QtQuick 1.0
import org.maemo.fremantle 1.0

Column
{
    property color fontcolor: "white"
    Row
    {
        width: parent.width
        CheckBox
        {
            id: tracksrc
            //text: "Select track from library"
            checked: true
            //checkable: true
        }
        Label
        {
            id: tracksrcText
            text: "Select track from library"
            anchors.verticalCenter: tracksrc.verticalCenter
            color: fontcolor
        }
    }

    Label
    {
        id: selecttracklabel
        text: "Selected track"
        color: fontcolor
    }
    Button
    {
        id: selecttrack
        text: "No track selected"
        checkable: false
        width: parent.width
    }

    SelectionDialog
    {
        id: lyricssrcdialog
        titleText: "Download source"
        selectedIndex: 1
        model: ListModel
        {
            ListElement { name: "AZLyrics" }
        }
    }
    Button
    {
        id: lyricssrcbutton
        text: lyricssrcdialog.model.get(lyricssrcdialog.selectedIndex).name
        width: parent.width
        onClicked: { lyricssrcdialog.open(); }
    }

    Button
    {
        id: go
        text: "Go!"
        width: parent.width
    }
}

I'm attaching the log.
I want the lyricssrcbutton to display the currently selected option.
Why isn't it working. What's the problem with the loops?
Thanks in advance.

Attached Files

log.txt (6.7 KB, 39 views)

__________________
MeeCoLay: run MeeGo Harmattan apps on Fremantle
PowEdit: manage power key menu entries
User Agent Tool - change Maemo Browser's user agent
MaeLyrica - lyrics download client

If you want to support my work, you can DONATE

You're encouraged to donate at least a couple of euros - otherwise PayPal takes almost everything as a fee.

If you would like to donate in other currency or can't donate but would like to support me, please contact me.

Last edited by marmistrz; 07-13-2012 at 05:04 AM.

Quote & Reply |

Slocan	06-26-2012 , 12:11 PM
Posts: 324 \| Thanked: 367 times \| Joined on Dec 2009 @ Vancouver, BC	#2

The SelectionDialog is in its own Popup window, you can't place it inside a Column/Row, so it's giving you those loop warnings (column and dialog battling out to see who will provide the layout).

Quote & Reply |

The Following User Says Thank You to Slocan For This Useful Post:
marmistrz

dicksonleong8	06-26-2012 , 12:18 PM
Posts: 71 \| Thanked: 155 times \| Joined on Jun 2012 @ Malaysia	#3

@Slocan are right

1 more thing is your SelectionDialog's selectedIndex should be start with 0, not 1

Quote & Reply |

The Following User Says Thank You to dicksonleong8 For This Useful Post:
marmistrz

marmistrz	06-27-2012 , 11:28 AM
Posts: 1,758 \| Thanked: 1,872 times \| Joined on May 2011 @ Poland	#4

I'm still having problems. The index set for 0 solves one the problem of a blank label, but
With this code:

Code:

import QtQuick 1.0
import org.maemo.fremantle 1.0
Rectangle
{
    property color fontcolor: "white"
    Column
    {
        id: c1
        Row
        {
            width: parent.width
            CheckBox
            {
                id: tracksrc
                //text: "Select track from library"
                checked: true
                //checkable: true
            }
            Label
            {
                id: tracksrcText
                text: "Select track from library"
                anchors.verticalCenter: tracksrc.verticalCenter
                color: fontcolor
            }
        }

        Label
        {
            id: selecttracklabel
            text: "Selected track"
            color: fontcolor
        }
        Button
        {
            id: selecttrack
            text: "No track selected"
            checkable: false
            width: parent.width
        }
    }
    Rectangle
    {
        id: r1
        anchors.top: c1.bottom
        SelectionDialog
        {
            id: lyricssrcdialog
            titleText: "Download source"
            selectedIndex: 0
            model: ListModel
            {
                ListElement { name: "AZLyrics" }
            }
        }
        Button
        {
            id: lyricssrcbutton
            text: lyricssrcdialog.model.get(lyricssrcdialog.selectedIndex).name
            width: parent.width
            onClicked: { lyricssrcdialog.open(); }
        }
    }
    Column
    {
        id: c2
        anchors.top: r1.bottom
        Button
        {
            id: go
            text: "Go!"
            width: parent.width
        }
    }
}

There's only black, blank screen showing up. If only the selectedIndex property is changed:

Code:

import QtQuick 1.0
import org.maemo.fremantle 1.0

Column
{
    property color fontcolor: "white"
    Row
    {
        width: parent.width
        CheckBox
        {
            id: tracksrc
            //text: "Select track from library"
            checked: true
            //checkable: true
        }
        Label
        {
            id: tracksrcText
            text: "Select track from library"
            anchors.verticalCenter: tracksrc.verticalCenter
            color: fontcolor
        }
    }

    Label
    {
        id: selecttracklabel
        text: "Selected track"
        color: fontcolor
    }
    Button
    {
        id: selecttrack
        text: "No track selected"
        checkable: false
        width: parent.width
    }

    SelectionDialog
    {
        id: lyricssrcdialog
        titleText: "Download source"
        selectedIndex: 0
        model: ListModel
        {
            ListElement { name: "AZLyrics" }
        }
    }
    Button
    {
        id: lyricssrcbutton
        text: lyricssrcdialog.model.get(lyricssrcdialog.selectedIndex).name
        width: parent.width
        onClicked: { lyricssrcdialog.open(); }
    }

    Button
    {
        id: go
        text: "Go!"
        width: parent.width
    }
}

then it's showing up alright, but throwing that load of loops detected as before. Where should I move the selection dialog?

Quote & Reply |

ajalkane	06-27-2012 , 11:41 AM
Posts: 949 \| Thanked: 1,757 times \| Joined on Jun 2011 @ Finland	#5

Originally Posted by marmistrz

then it's showing up alright, but throwing that load of loops detected as before. Where should I move the selection dialog?

Perhaps like this (notice I wrapped Column inside Item):

Code:

Item {

Column
{
    property color fontcolor: "white"
    Row
    {
        width: parent.width
        CheckBox
        {
            id: tracksrc
            //text: "Select track from library"
            checked: true
            //checkable: true
        }
        Label
        {
            id: tracksrcText
            text: "Select track from library"
            anchors.verticalCenter: tracksrc.verticalCenter
            color: fontcolor
        }
    }

    Label
    {
        id: selecttracklabel
        text: "Selected track"
        color: fontcolor
    }
    Button
    {
        id: selecttrack
        text: "No track selected"
        checkable: false
        width: parent.width
    }

    Button
    {
        id: lyricssrcbutton
        text: lyricssrcdialog.model.get(lyricssrcdialog.selectedIndex).name
        width: parent.width
        onClicked: { lyricssrcdialog.open(); }
    }

    Button
    {
        id: go
        text: "Go!"
        width: parent.width
    }
}


    SelectionDialog
    {
        id: lyricssrcdialog
        titleText: "Download source"
        selectedIndex: 0
        model: ListModel
        {
            ListElement { name: "AZLyrics" }
        }
    }
}

__________________
My N9/N950 projects:

Quote & Reply |

The Following User Says Thank You to ajalkane For This Useful Post:
marmistrz

marmistrz	06-29-2012 , 11:33 AM
Posts: 1,758 \| Thanked: 1,872 times \| Joined on May 2011 @ Poland	#6

Originally Posted by ajalkane

Perhaps like this (notice I wrapped Column inside Item):

Code:

Item {

Column
{
    property color fontcolor: "white"
    Row
    {
        width: parent.width
        CheckBox
        {
            id: tracksrc
            //text: "Select track from library"
            checked: true
            //checkable: true
        }
        Label
        {
            id: tracksrcText
            text: "Select track from library"
            anchors.verticalCenter: tracksrc.verticalCenter
            color: fontcolor
        }
    }

    Label
    {
        id: selecttracklabel
        text: "Selected track"
        color: fontcolor
    }
    Button
    {
        id: selecttrack
        text: "No track selected"
        checkable: false
        width: parent.width
    }

    Button
    {
        id: lyricssrcbutton
        text: lyricssrcdialog.model.get(lyricssrcdialog.selectedIndex).name
        width: parent.width
        onClicked: { lyricssrcdialog.open(); }
    }

    Button
    {
        id: go
        text: "Go!"
        width: parent.width
    }
}


    SelectionDialog
    {
        id: lyricssrcdialog
        titleText: "Download source"
        selectedIndex: 0
        model: ListModel
        {
            ListElement { name: "AZLyrics" }
        }
    }
}

With this code:

Code:

import QtQuick 1.0
import org.maemo.fremantle 1.0
Item
{
    Loader
    {
        id: goloader
        onLoaded: console.log("Go! clicked")
    }
    Loader
    {
        id: selecttrackloader
        onLoaded: console.log("Select track view loaded")
    }

    Column
    {
        property color fontcolor: "white"
        Row
        {
            width: parent.width
            CheckBox
            {
                id: tracksrc
                //text: "Select track from library"
                checked: true
                //checkable: true
            }
            Label
            {
                id: tracksrcText
                text: "Select track from library"
                anchors.verticalCenter: tracksrc.verticalCenter
                color: fontcolor
            }
        }

        Label
        {
            id: selecttracklabel
            text: "Selected track"
            color: fontcolor
        }
        Button
        {
            id: selecttrack
            text: "No track selected"
            checkable: false
            width: parent.width
            onClicked:
            {
            }
        }

        Button
        {
            id: lyricssrcbutton
            text: lyricssrcdialog.model.get(lyricssrcdialog.selectedIndex).name
            width: parent.width
            onClicked: { lyricssrcdialog.open(); }
        }

        Button
        {
            id: go
            text: "Go!"
            width: parent.width
        }
    }


    SelectionDialog
    {
        id: lyricssrcdialog
        titleText: "Download source"
        selectedIndex: 0
        model: ListModel
        {
            ListElement { name: "AZLyrics" }
        }
    }

}

I'm getting

Code:

.../main.qml:53 ReferenceError: Can't find variable fontcolor
.../main.qml:45 ReferenceError: Can't find variable fontcolor

What am I doing wrong?

Quote & Reply |

ajalkane	07-03-2012 , 02:55 AM
Posts: 949 \| Thanked: 1,757 times \| Joined on Jun 2011 @ Finland	#7

Originally Posted by marmistrz

With this code:
[CODE]
I'm getting
Code:
.../main.qml:53 ReferenceError: Can't find variable fontcolor
.../main.qml:45 ReferenceError: Can't find variable fontcolor
What am I doing wrong?

I think you can't have property declarations anywhere else than the root item. So try to move 'property color fontcolor: "white"' under Item.

__________________
My N9/N950 projects:

Quote & Reply |

The Following User Says Thank You to ajalkane For This Useful Post:
marmistrz

marmistrz	07-03-2012 , 07:25 AM
Posts: 1,758 \| Thanked: 1,872 times \| Joined on May 2011 @ Poland	#8

Originally Posted by ajalkane

I think you can't have property declarations anywhere else than the root item. So try to move 'property color fontcolor: "white"' under Item.

That way there are no errors, but still somehow only blank screen is painted..

Quote & Reply |

ajalkane	07-03-2012 , 07:53 AM
Posts: 949 \| Thanked: 1,757 times \| Joined on Jun 2011 @ Finland	#9

Originally Posted by marmistrz

That way there are no errors, but still somehow only blank screen is painted..

That's another problem then. In those kind of situations, I've found it useful to put up a minimal working page (say one component). Then start adding stuff until you've isolated the problem.

__________________
My N9/N950 projects:

Quote & Reply |

The Following User Says Thank You to ajalkane For This Useful Post:
marmistrz

marmistrz	07-03-2012 , 08:08 AM
Posts: 1,758 \| Thanked: 1,872 times \| Joined on May 2011 @ Poland	#10

Originally Posted by ajalkane

That's another problem then. In those kind of situations, I've found it useful to put up a minimal working page (say one component). Then start adding stuff until you've isolated the problem.

Wait... Does Item require x,y coordinates? It may be why it's a blank screen. As putting any component in a Rectangle caused not showing up of this component.

Quote & Reply |

Page 1 of 3

Next >

« Previous Thread | Next Thread »

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Forum Jump

All times are GMT -4. The time now is 10:03 AM.