Dynamic translation of combobox qml

I've added translation to my qt/qml app using this tutorial

https://retifrav.github.io/blog/2017/01/04/translating-qml-app/ https://github.com/retifrav/translating-qml

And most seems to work well except that the values of the combobox dont get update with dynamic translate. Im using qt 5.11.2.

By a combobox i mean this:

ComboBox {
    textRole: "text"
    Layout.fillWidth: true
    model: ListModel {
        Component.onCompleted: {
            append({text: qsTr("None")})
            append({text: qsTr("Subpanel")})
            append({text: qsTr("All")})
        }
    }
}
ComboBox {
    textRole: "text"
    Layout.fillWidth: true
    model: ListModel {
            ListElement{text: qsTr("None")}
            ListElement{text: qsTr("Subpanel")}
            ListElement{text: qsTr("All")}
    }
}

None of them gets updated. I've done some research and found this on bug reports https://bugreports.qt.io/browse/QTBUG-68350 This seems to get fixed on 5.12, but for various reason we need to keep the same version, is there a way i can fix it for this version? (5.11.2)

EDIT: I dont find a way to translate comboBox. Is there another way of doing translations? even if it means to open a new instance of the app? Can someone point me to a link? Can't find a way to do this.

EDIT2: Is there a way to force the model of the combobox to be updated by javascript? when the changeLanguage() method is called?

note: As a complaint i'm finding the support / community to get answers for Qt problems terrible, really bad, but maybe its my problem.

Solution

Unfortunately, I can't test all the cases at the moment (and I don't have an access to the Qt 5.11.2), but I think this should work:

    ComboBox {
        textRole: "text"
        Layout.fillWidth: true

        displayText: qsTr(currentText)

        model: ListModel {
            ListElement{text: "None"}
            ListElement{text: "Subpanel"}
            ListElement{text: "All"}
        }
        delegate: Button {
            width: ListView.view.width
            text: qsTr(model.text)
        }
    }

Or, another way is to re-create a model when language is changed:

    ComboBox {
        id: combobox
        textRole: "text"
        Layout.fillWidth: true

        model: ListModel {
            dynamicRoles: true
        }

        Component.onCompleted: {
            reload()
        }

        Connections {
            target: trans // this is a translator from a git project you are referring to
            onLanguageChanged: {
                combobox.reload()
            }
        }

        function reload() {
            var i = combobox.currentIndex
            combobox.model = [
                        {text: qsTr("None")},
                        {text: qsTr("Subpanel")},
                        {text: qsTr("All")}
                    ]
            combobox.currentIndex = i
        }
    }