Передача данных из комбобокса в строку ввода в QML

TextField, qml, ComboBox

Всем привет. Нужно передать выбранный элемент комбобокса в строку ввода текста, к примеру в “наименование товара”
Код файла с таблицей

import QtQuick 2.3
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
import QtQuick 2.5
import QtQuick.Layouts 1.1
import QtQuick.Dialogs 1.2
 
ApplicationWindow {
    id:table1
    visible: false
    width: 1700
        height: 700
        title: qsTr("Панель администратора")
        Text{
            x:300
        text: ""
        }
 
 
        Button {
            id: button
            text: qsTr("Выход")
            anchors.top: parent.top
            anchors.topMargin: 5
            anchors.left: parent.left
            anchors.leftMargin: 5
 
            onClicked: {table1.visible=false
 
            }
        }
 
        /* TabView, в первой вкладке которого находится кнопка,
         * по нажатию кнопки которой из изменится текст в первой кнопке
         */
        TabView {
            id: tabView
            anchors.top: button.bottom
            anchors.topMargin: 5
            anchors.left: parent.left
            anchors.right: parent.right
            anchors.bottom: parent.bottom
 
            Tab {
                id: tab1
                title: qsTr("Товары")
 
 
                component: Item {
                    id: rect1
 
 
                }
                Rectangle{visible: true
                    width: 1600
                    height: 480
 
 
                    // Слой с TaxtField`ами и Button для занесения записей в базу данных
                    RowLayout {
                        id: rowLayout
                        anchors.top: parent.top
                        anchors.left: parent.left
                        anchors.right: parent.right
                        anchors.margins: 5
 
                        spacing: 10
                        Text {text: qsTr("Наименование товара")}
                        TextField {id: fnameField
                            
 
 
                        }
                        Text {text: qsTr("Категория")}
                        TextField {id: kategoryField}
                        Text {text: qsTr("Прибыло")}
                        TextField { id: snameField}
                        Text {text: qsTr("Убыло")}
                        TextField { id: ubylField}
                        Text {text: qsTr("Номер стеллажа")}
                        TextField {id: nikField}
                        Text {text: qsTr("Номер полки")}
                        TextField {id: numberpolkField}
 
 
                        Button {
                            id: pusto
 
 
                            text: qsTr("Добавить")
 
                            // Вносим новую запись в базу данных
                            MouseArea{
                                anchors.fill: parent
                            onClicked: {
 
                                if (fnameField.text=="" || snameField.text=="" || ubylField.text=="" || nikField.text=="" || numberpolkField.text=="" || kategoryField.text=="")
 
                                {
                                     contextMenu2.popup()
                                }
 
                                if(kategoryField.text=="Овощи" ||kategoryField.text=="овощи"||kategoryField.text=="Фрукты"||kategoryField.text=="фрукты")
                              {
                                    database.inserIntoTable( fnameField.text , kategoryField.text, snameField.text, ubylField.text, nikField.text, numberpolkField.text)
                                    myModel.updateModel() // И обновляем модель данных с новой записью
 
                                }
                                  else
                                contextMenu3.popup()
                            }
                            }
                        }
                        Button {
                                    text: qsTr("Экспорт в Excel")
 
                                    // Запускаем экспорт
                                    onClicked: {
                                        myModel.exportCSV()
                                    }
                                }
                    }
 
                    TableView {
                        id: tableView
                        anchors.top: rowLayout.bottom
                        anchors.left: parent.left
                        anchors.right: parent.right
                        anchors.bottom: parent.bottom
                        anchors.margins: 5
 
 
                        TableViewColumn {
                            role: "date"
                            title: "Дата"
                        }
                        TableViewColumn {
                            role: "time"
                            title: "Время"
                        }
                        TableViewColumn {
                            role: "fname"
                            title: "Наименование товара"
                        }
                        TableViewColumn {
                            role: "kategory"
                            title: "Категория"
 
                        }
                        TableViewColumn {
                            role: "sname"
                            title: "Прибыло"
                        }
                        TableViewColumn {
                            role: "ubyl"
                            title: "Убыло"
                        }
                        TableViewColumn {
                            role: "nik"
                            title: "Номер стеллажа"
                        }
                        TableViewColumn {
                            role: "numberpolk"
                            title: "Номер полки"
                        }
 
                        model: myModel
 
                        // Настройка строки в TableView для перехавата левого клика мыши
                        rowDelegate: Rectangle {
                            anchors.fill: parent
                            color: styleData.selected ? 'skyblue' : (styleData.alternate ? 'whitesmoke' : 'white');
                            MouseArea {
                                anchors.fill: parent
                                acceptedButtons: Qt.RightButton | Qt.LeftButton
                                onClicked: {
                                    tableView.selection.clear()
                                    tableView.selection.select(styleData.row)
                                    tableView.currentRow = styleData.row
                                    tableView.focus = true
 
                                    switch(mouse.button) {
                                    case Qt.RightButton:
                                        contextMenu.popup() // Вызываем контексткное меню
                                        break
                                    default:
                                        break
                                    }
                                }
                            }
                        }
                    }
 
                    // Контекстно меню предлагает удаление строки из базы данных
                    Menu {
                        id: contextMenu
 
                        MenuItem {
                            text: qsTr("Удалить")
                            onTriggered: {
                                /* Вызываем диалоговое окно,
                                 * которое уточнит намерение удалить строку из базы данных
                                 * */
                                dialogDelete.open()
                            }
                        }
                    }
 
                    // Диалог подтверждения удаления строки из базы данных
                    MessageDialog {
                        id: dialogDelete
                        title: qsTr("Удаление записи")
                        text: qsTr("Подтвердите удаление записи со склада")
                        icon: StandardIcon.Warning
                        standardButtons: StandardButton.Ok | StandardButton.Cancel
 
                        // При положительном ответе ...
                        onAccepted: {
                            /* ... удаляем строку по id,
                             * который забираем из модели данных
                             * по номеру строки в представлении
                             * */
                            database.removeRecord(myModel.getId(tableView.currentRow))
                            myModel.updateModel();  // Обновляем модель данных
                        }
                    }
 
                    //Всплывающее окно если строка ввода текста пустая
                    Menu {
                        id: contextMenu2
 
                        MenuItem {
                            text: qsTr("Что - то пошло не так :С")
                           onTriggered:    {
 
                                dialogNULL.open()
                                            }
                        }
                    }
 
                    // Диалог подтверждения удаления строки из базы данных
                    MessageDialog {
 
                        id: dialogNULL
                        title: qsTr("Одна или несколько строк не заполнены")
                        text: qsTr("Проверьте, все ли строки заполнены и добавте запись в таблицу")
                        icon: StandardIcon.Warning
                        standardButtons: StandardButton.Ok | StandardButton.Cancel
 
                        // При положительном ответе ...
                        onAccepted: {
                            dialogNULL.visible=false
                        }
                    }
 
 
                    Menu {
                        id: contextMenu3
 
                        MenuItem {
                            text: qsTr("Аяяй :С")
                           onTriggered:    {
 
                                dialogOvosh.open()
                                            }
                        }
                    }
 
 
                    MessageDialog {
 
                        id: dialogOvosh
                        title: qsTr("Склад овощей!!!")
                        text: qsTr("На складе нельзя хранить что - то, кроме овощей и фруктов")
                        icon: StandardIcon.Warning
                        standardButtons: StandardButton.Ok | StandardButton.Cancel
 
                        // При положительном ответе ...
                        onAccepted: {
                            dialogOvosh.visible=false
                        }
                    }
 
                    ComboBox {
                        x:100
                        y:300
                        editable: true
                        model: ListModel {
                            id: model
                            ListElement { text: "Banana"; color: "Yellow" }
                            ListElement { text: "Apple"; color: "Green" }
                            ListElement { text: "Coconut"; color: "Brown" }
                        }
                        onAccepted: {
                            if (find(currentText) === -1) {
                                model.append({text: editText})
                                currentIndex = find(editText)
                                fnameField.insert(currentIndex)
 
                            }
                        }
                    }
 
                }
 
            }
 
        }
 
 
 
}

 

Рекомендуємо хостинг TIMEWEB
Рекомендуємо хостинг TIMEWEB
Stabiles Hosting des sozialen Netzwerks EVILEG. Wir empfehlen VDS-Hosting für Django-Projekte.

Magst du es? In sozialen Netzwerken teilen!

3
Evgenii Legotckoi
  • 27. Juni 2016 13:30

Добрый день.
Можно реализовать это через обработчик сигнала комбобокса onCurrentTextChanged, то есть

ComboBox {
    onCurrentTextChanged: {
        fnameField.text = currentText; // Это будет как раз текущий текст в комбобоксе         
    }
}

Но учитывая, что каждый элемент модели состоит из двух полей, то правильнее будет сделать следующим образом.

import QtQuick 2.6
import QtQuick.Controls 1.5
 
ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
 
    ComboBox {
        x:50
        y:50
        editable: true
 
        model: ListModel {
            id: model
            ListElement { text: "Banana"; color: "Yellow" }
            ListElement { text: "Apple"; color: "Green" }
            ListElement { text: "Coconut"; color: "Brown" }
        }
 
        onCurrentIndexChanged: {
            fnameField.text = model.get(currentIndex).text
        }
    }
 
    TextField {
        id: fnameField
        x: 50
        y: 80
   }
}

 

    для улучшения внешнего вида у TextField добавляем параметр visible: false

    TextField {
               visible: false
            id: fnameField
            x: 50
            y: 80
       }

     

      Evgenii Legotckoi
      • 27. Juni 2016 13:46
      • Die Antwort wurde als Lösung markiert.

      для улучшения внешнего вида у TextField добавляем параметр visible: false

      Тогда уж лучше вообще избавиться от этого лишнего элемента.
      Ведь можно же забирать данные из комбобокса и передавать их куда следует.

      import QtQuick 2.6
      import QtQuick.Controls 1.5
       
      ApplicationWindow {
          visible: true
          width: 640
          height: 480
          title: qsTr("Hello World")
       
          ComboBox {
              id: comboBox
              x:50
              y:50
              editable: true
       
              model: ListModel {
                  id: model
                  ListElement { text: "Banana"; color: "Yellow" }
                  ListElement { text: "Apple"; color: "Green" }
                  ListElement { text: "Coconut"; color: "Brown" }
              }
       
              onCurrentIndexChanged: {
                  fnameField.text = model.get(currentIndex).text
              }
          }
       
          TextField {
              id: fnameField
              x: 50
              y: 80
         }
       
          Button {
              x: 50
              y: 110
              text: "Кнопка"
              onClicked: {
                  console.log(comboBox.model.get(comboBox.currentIndex).text)
              }
          }
      }

       

        Kommentare

        Nur autorisierte Benutzer können Kommentare posten.
        Bitte Anmelden oder Registrieren
        Letzte Kommentare
        A
        ALO1ZE19. Oktober 2024 08:19
        Fb3-Dateileser auf Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
        ИМ
        Игорь Максимов5. Oktober 2024 07:51
        Django – Lektion 064. So schreiben Sie eine Python-Markdown-Erweiterung Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
        d
        dblas55. Juli 2024 11:02
        QML - Lektion 016. SQLite-Datenbank und das Arbeiten damit in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
        k
        kmssr8. Februar 2024 18:43
        Qt Linux - Lektion 001. Autorun Qt-Anwendung unter Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
        Qt WinAPI - Lektion 007. Arbeiten mit ICMP-Ping in Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
        Jetzt im Forum diskutieren
        J
        JacobFib17. Oktober 2024 03:27
        добавить qlineseries в функции Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты https://topdecorpro.ru…
        JW
        Jhon Wick1. Oktober 2024 15:52
        Indian Food Restaurant In Columbus OH| Layla’s Kitchen Indian Restaurant If you're looking for a truly authentic https://www.laylaskitchenrestaurantohio.com/ , Layla’s Kitchen Indian Restaurant is your go-to destination. Located at 6152 Cleveland Ave, Colu…
        КГ
        Кирилл Гусарев27. September 2024 09:09
        Не запускается программа на Qt: точка входа в процедуру не найдена в библиотеке DLL Написал программу на C++ Qt в Qt Creator, сбилдил Release с помощью MinGW 64-bit, бинарнику напихал dll-ки с помощью windeployqt.exe. При попытке запуска моей сбилженной программы выдаёт три оши…
        F
        Fynjy22. Juli 2024 04:15
        при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …

        Folgen Sie uns in sozialen Netzwerken