Mise à jour d'un TableView depuis la sélection d'une liste déroulante

Version imprimable

:salut:

J'ai un TableView me permettant d'afficher une liste d'articles issus d'une BDD. Les références de ceux-ci sont stockés dans un combobox inclus en première colonne de ce TableView. Je souhaite, lors de la sélection d'une référence mettre à jour la désignation, prix ....

Je tourne en rond sur cette dernière partie. Dans la théorie ça ne me semblait pas très compliqué à faire mais la je patauge.
Voici mon code exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
import QtQuick 2.4
import QtQuick.Layouts 1.1
import QtQuick.Controls 1.3
 
Item {
    height : 200
    width : 300
 
    ListModel {
        id: libraryModel
        ListElement {
            name: "Pomme"
            val: "5"
        }
        ListElement {
            name: "Poire"
            val: "7"
        }
    }
 
    ListModel {
        id: tabModel
        ListElement {name : "" ; val : ""}
    }
 
    TableView {
        id : tab
        anchors.fill: parent
        TableViewColumn{ role: "name"  ; title: "Fruit" ; width: 100 ; delegate :comboDelegate }
        TableViewColumn{ role: "val" ; title: "Prix" ; width: 200 ; delegate :editableDelegate }
        model: tabModel
    }
 
    Component {
        id: editableDelegate ; TextField {}
    }
    Component {
        id: comboDelegate
        ComboBox {
            id : combo
            model : libraryModel
            textRole: "name"
            onCurrentIndexChanged : {
                tabModel.setProperty(styleData.row, "val", libraryModel.get(currentIndex).val)
            }
        }
    }
}

Je bloque donc sur ce que j'ai a mettre dans onCurrentIndexChanged.

Une idée ???

++

J

Bonsoir,
1) onCurrentIndexChanged n'est pas le plus adapté.
2) Tu peux utiliser styleData.value dans ton TextField

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
import QtQuick 2.4
import QtQuick.Layouts 1.1
import QtQuick.Controls 1.3
 
Item {
    height : 200
    width : 300
 
    ListModel {
        id: libraryModel
        ListElement {
            name: "Pomme"
            val: "5"
        }
        ListElement {
            name: "Poire"
            val: "7"
        }
    }
 
    ListModel {
        id: tabModel
        ListElement {name : "" ; val : ""}
        ListElement {name : "" ; val : ""}
    }
 
    TableView {
        id : tab
        anchors.fill: parent
        TableViewColumn{ role: "name"  ; title: "Fruit" ; width: 100 ; delegate :comboDelegate }
        TableViewColumn{ role: "val" ; title: "Prix" ; width: 200 ; delegate :editableDelegate }
        model: tabModel
    }
    Component {
        id: editableDelegate ; TextField {text: styleData.value}
    }
    Component {
        id: comboDelegate
        ComboBox {
            id : combo
            model : libraryModel
            textRole: "name"
            onActivated: {
                tabModel.setProperty(styleData.row, "val", libraryModel.get(currentIndex).val)
            }
        }
    }
}

13/03/2015, 19h48
Jiyuu

RRRRrrrrrr ....

Je l'avais bien mis à un moment ce bestiau de styleData.value, mais j'ai du le retirer et pas refaire tous les tests :aie:

Par contre je pense que onActivated n'est pas non plus le plus adapté : cela prend en fait l'index au moment où l'on active le combobox et donc de se fait produit une erreur dans libraryModel.get(currentIndex).val.

Merci à toi, ... j'aurai sûrement chercher encore un moment puisque pour ça ne fonctionnait pas (me demande bien ce que j'ai pu oublier au moment du test d'ailleurs :calim2:)

@+
13/03/2015, 20h09
Jiyuu
J'ai trouvé mon erreur.

Lorsque j'ai testé avec
Code:

1 2 3 4 Component { id: editableDelegate ; TextField {text: styleData.value} }
J'ajoutais mes éléments dans le ListModel comme suit :

Code:

tabModel.append({})

.... eeuuuhhh .... et comment savoir qui va où ???:aie: :scarymov::sm:

avec un

Code:

tabModel.append({"name":"", "val":""})

ça va mieux ;)