ComboBox Model inside Listview

[Binary01]

Hi forum

I'm trying to use ComboBox inside Listview. I can't access to ComboBox model outside Listview

Window {
    visible: true
 
    //...
 
    Button {
        text: qsTr("Connect")
        onClicked:{
            apeWindowCmpst.visible = true
 
            var code = "90"
            var label = "doc"
            console.log("code  : "+code+" - label : "+label)
            listAddApeCmpst.model.append({   "code":code ,
                                             "libelle":label
                                         });
 
            modelAPECmpst.append({"name":code}) // can't acces to modelAPECmpst
 
        }
    }
 
    Window   {
        id:apeWindowCmpst
        ...
 
 
        ListView{
            id:listAddApeCmpst
            model: addApeModelCmpst
            ...
 
            delegate:
                Rectangle {
                    id :rectApeCmpst
                    ...
 
                    Item{
                        id: itmCmpst
                        anchors.left: parent.left
                        anchors.leftMargin: 10
                        height: parent.height-100
                        width: parent.width-50
                        Grid{
                            id:gridAPEActCmpst
                            anchors.fill: parent
                            ...
 
                            ListModel {
                                id: modelAPECmpst
                            }
                            ComboBox{
                                id:pApeListCmpst
                                editable: true
                                width: listAddApeCmpst.width/3*2-36
                                height: 33
                                textRole: "name"
                                model: modelAPECmpst
                                ...
 
                            }
                            ListModel {
                                id: modelLabelAPECmpst
                            }
                            ComboBox{
                                id:pLabelApeListCmpst
                                editable: true
                                width: listAddApeCmpst.width/3*2-36
                                height: 40
                                textRole: "name"
                                model: modelLabelAPECmpst
                                ...
                            }
 
                        }
                    }
                }
        }
        ListModel {
            id: addApeModelCmpst
        }
    }
 
}

Window {
    visible: true
      
    //...

    Button {
        text: qsTr("Connect")
        onClicked:{
            apeWindowCmpst.visible = true

            var code = "90"
            var label = "doc"
            console.log("code  : "+code+" - label : "+label)
            listAddApeCmpst.model.append({   "code":code ,
                                             "libelle":label
                                         });
            
            modelAPECmpst.append({"name":code}) // can't acces to modelAPECmpst

        }
    }

    Window   {
        id:apeWindowCmpst
        ...
        

        ListView{
            id:listAddApeCmpst
            model: addApeModelCmpst
            ...
            
            delegate:
                Rectangle {
                    id :rectApeCmpst
                    ...

                    Item{
                        id: itmCmpst
                        anchors.left: parent.left
                        anchors.leftMargin: 10
                        height: parent.height-100
                        width: parent.width-50
                        Grid{
                            id:gridAPEActCmpst
                            anchors.fill: parent
                            ...

                            ListModel {
                                id: modelAPECmpst
                            }
                            ComboBox{
                                id:pApeListCmpst
                                editable: true
                                width: listAddApeCmpst.width/3*2-36
                                height: 33
                                textRole: "name"
                                model: modelAPECmpst
                                ...

                            }
                            ListModel {
                                id: modelLabelAPECmpst
                            }
                            ComboBox{
                                id:pLabelApeListCmpst
                                editable: true
                                width: listAddApeCmpst.width/3*2-36
                                height: 40
                                textRole: "name"
                                model: modelLabelAPECmpst
                                ...
                            }

                        }
                    }
                }
        }
        ListModel {
            id: addApeModelCmpst
        }
    }

}

To copy to clipboard, switch view to plain text mode 

>> delagate is a dynamic structure

I want to display values in ComboBox ??

Screenshot from 2016-10-21 12:11:58.png

Regards;

[anda_skoa]

Each listview delagate has its own, two, local models.

They are only accessible inside that delegate.

Do you need individual models per listview delegate?

Cheers,
_

[Binary01]

Hii,

My purpose is to set the data in the ComboBox.

I get the data from BD , in this example :

var code = "90"
            var label = "doc"
            console.log("code  : "+code+" - label : "+label)
            listAddApeCmpst.model.append({   "code":code ,
                                             "libelle":label
                                         });
 
            modelAPECmpst.append({"name":code}) // can't acces to modelAPECmpst

var code = "90"
            var label = "doc"
            console.log("code  : "+code+" - label : "+label)
            listAddApeCmpst.model.append({   "code":code ,
                                             "libelle":label
                                         });
 
            modelAPECmpst.append({"name":code}) // can't acces to modelAPECmpst

To copy to clipboard, switch view to plain text mode 

I tried to use children property, but in vain !!

Other question why listview model doesn't set values in Combobox :

listAddApeCmpst.model.append({   "code":code ,
                                             "libelle":label
                                         });

listAddApeCmpst.model.append({   "code":code ,
                                             "libelle":label
                                         });

To copy to clipboard, switch view to plain text mode 

Regards,

[anda_skoa]

If I repeat my question, is it likely that you'll answer it or is it more likely that you write something else out of context again?

Cheers,
_

[Binary01]

@anda_skao
Yes, individual models per listview delegate

Regards,

[anda_skoa]

@anda_skao
Yes, individual models per listview delegate

See, wasn't that hard

Since you need to access the individual models from outside the delegate, they need to be defined outside the delegates.

E.g. a lists of models, or having the combobox models as roles of the main model

Cheers,
_

[Binary01]

No, combobox's models should be inside the delagate, if they was outside delegate = other result

Regards,

[anda_skoa]

No, combobox's models should be inside the delagate, if they was outside delegate = other result

Ok, I am curious: how would that affect the result?

Cheers,
_

[Binary01]

I have an other button in my window, that adds (onClicked) an other delegate (rectangle) in Listview.
Combobox are editable, if I change a value in a delegate, the others take the same value.

Regards

[anda_skoa]

Combobox are editable, if I change a value in a delegate, the others take the same value.

Now I am confused.
This sounds like you want the combobox models to be the same, not independent.

In comment #5 you claimed that the combobox models would need to be different.

Which one is it?

Cheers,
_

[Binary01]

Combobox are editable, if I change a value in a delegate, the others take the same value.

Regards

This comment for explain why the models should be outside the delegate

>> The combobox models would need to be different (independent)

Regards,

[anda_skoa]

This comment for explain why the models should be outside the delegate

That is what I suggested in comment #6 to which you replied with a claim that this would result in different behavior.
When I ask why you think that is you reply with a comment suggesting to share a model across comboboxes?

Please clarify whether the comboxes are independent or not and separately why you think that having the models instantiated outside the delegates would somehow change behavior.

Cheers,
_