АЧ
Алексей Чепрасов27 июня 2016 г. 12:58

Передача данных из комбобокса в строку ввода в 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
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Вам это нравится? Поделитесь в социальных сетях!

3
Evgenii Legotckoi
  • 27 июня 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 июня 2016 г. 13:46
      • Ответ был помечен как решение.

      для улучшения внешнего вида у 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)
              }
          }
      }

       

        Комментарии

        Только авторизованные пользователи могут публиковать комментарии.
        Пожалуйста, авторизуйтесь или зарегистрируйтесь
        г
        • ги
        • 24 апреля 2024 г. 0:51

        C++ - Тест 005. Структуры и Классы

        • Результат:41баллов,
        • Очки рейтинга-8
        l
        • laei
        • 23 апреля 2024 г. 18:19

        C++ - Тест 004. Указатели, Массивы и Циклы

        • Результат:10баллов,
        • Очки рейтинга-10
        l
        • laei
        • 23 апреля 2024 г. 18:17

        C++ - Тест 003. Условия и циклы

        • Результат:50баллов,
        • Очки рейтинга-4
        Последние комментарии
        k
        kmssr9 февраля 2024 г. 4:43
        Qt Linux - Урок 001. Автозапуск Qt приложения под Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
        АК
        Анатолий Кононенко5 февраля 2024 г. 11:50
        Qt WinAPI - Урок 007. Работаем с ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
        EVA
        EVA25 декабря 2023 г. 20:30
        Boost - статическая линковка в CMake проекте под Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
        J
        JonnyJo25 декабря 2023 г. 18:38
        Boost - статическая линковка в CMake проекте под Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
        G
        Gvozdik19 декабря 2023 г. 7:01
        Qt/C++ - Урок 056. Подключение библиотеки Boost в Qt для компиляторов MinGW и MSVC Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
        Сейчас обсуждают на форуме
        G
        Gar22 апреля 2024 г. 14:46
        Clipboard Как скопировать окно целиком в clipb?
        DA
        Dr Gangil Academics20 апреля 2024 г. 16:45
        Unlock Your Aesthetic Potential: Explore MSC in Facial Aesthetics and Cosmetology in India Embark on a transformative journey with an msc in facial aesthetics and cosmetology in india . Delve into the intricate world of beauty and rejuvenation, guided by expert faculty and …
        a
        a_vlasov14 апреля 2024 г. 15:41
        Мобильное приложение на C++Qt и бэкенд к нему на Django Rest Framework Евгений, добрый день! Такой вопрос. Верно ли следующее утверждение: Любое Android-приложение, написанное на Java/Kotlin чисто теоретически (пусть и с большими трудностями) можно написать и на C+…
        Павел Дорофеев
        Павел Дорофеев14 апреля 2024 г. 11:35
        QTableWidget с 2 заголовками Вот тут есть кастомный QTableView с многорядностью проект поддерживается, обращайтесь
        f
        fastrex4 апреля 2024 г. 13:47
        Вернуть старое поведение QComboBox, не менять индекс при resetModel Добрый день! У нас много проектов в которых используется QComboBox, в версии 5.5.1, когда модель испускает сигнал resetModel, currentIndex не менялся. В версии 5.15 при resetModel происходит try…

        Следите за нами в социальных сетях