Rectangle {
                width: r.width / 2
                height: 40
                TextInput {
                    id: textInput
                    text: "Enter " + name
                }
                ComboBox {
                    id: comboBox
                    width: r.width / 2
                    height: 40
                    model : ListModel {}
                    delegate: ItemDelegate {
                        width: comboBox.width
                        contentItem: Text {
                            text: modelData
                            color: "green"
                            font.bold: true
                            font.pointSize: height * 0.4
                        }
                    }
                    Component.onCompleted: {
                        console.log("model = ", multiple_values);
                        console.log("typeof model = ", typeof(multiple_values));
                        console.log(JSON.stringify(multiple_values));
                        for (var i in multiple_values) {
                            console.log("VALUE = ", multiple_values[i]);
                            if (multiple_values[i])
                                model.append({"mul_val": multiple_values[i]});
                        }
                    }
                }
                Loader {
                    id: inputLoader
                    sourceComponent: (multiple_values == undefined) ? textInput : comboBox
                    Component.onCompleted: {
                        console.log("loader multiple_values = ", multiple_values);
                        console.log("sourceComponent = ", sourceComponent);
                    }
                }
            }