ГА
Геворк Арзуманян22 сентября 2016 г. 1:20

QML ListModel и кнопки

ListModel, QML

Доброго времени суток господа!
столкнулся с такой проблемой разбирая пример Динамическое создание и удаление элементов

Модифицировал чуть код (не без помощи автора)

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
 
    /* Номер создаваемой кнопки, для её визуальной идентификации
     * при демонстрации проекта
     */
    property int number: 0
 
    /* Строка с полем, где отображается индекс нажатой динамической кнопки,
     * кнопкой для создания динамических кнопок,
     * и кнопкой для удаления динамических кнопок по индексу
     * */
    Row {
        id: row
        // Задаём размеры строки и прибиваем к верхней части окна приложения
        height: 50
        anchors.top: parent.top
        anchors.left: parent.left
        anchors.right: parent.right
 
        // Задаём размещение поля с индексом кнопки
        Rectangle {
            width: (parent.width / 5)
            height: 50
 
            // Устанавливаем текстовое поле для размещения индекса кнопки
            Text {
                id: textIndex
                anchors.fill: parent
                text: ""
                verticalAlignment: Text.AlignVCenter
                horizontalAlignment: Text.AlignHCenter
            }
        }
 
        // Кнопка для создания динамических кнопок
        Button {
            id: button1
            text: qsTr("Create Button")
            width: (parent.width / 5)
            height: 50
 
            /* По клику по кнопке добавляем в model ListView
             * объект, с заданными параметрами
             * */
            onClicked: {
                listModel.append({idshnik: "Button " + (++number),che: false})
 
            }
        }
 
        // Кнопка для удаления динамических кнопок
        Button {
            id: button2
            text: qsTr("Delete Button")
            width: (parent.width / 5)
            height: 50
 
            // Удаляем кнопку по её индексу в ListView
            onClicked: {
               // if(textIndex.text != ""){
                    listModel.remove(textIndex.text)
                    textIndex.text = "" // Обнуляем текстовое поле с индексом
                    number--
               // }
            }
        }
        Button {
            id: button3
            text: qsTr("Checked all")
            width: (parent.width / 5)
            height: 50
            checkable: true
 
            // Выделяем все созданные кнопки
            onCheckedChanged: {
                if(checked===true){
                    for(var i=0; i<listModel.count; i++){
                        listModel.setProperty(i,"che",true)
                    console.log(listModel.get(i).che)}
                }
                else
                {
                    for(var i=0; i<listModel.count; i++){
                         listModel.setProperty(i,"che",false)
                    console.log(listModel.get(i).che)}
                }
            }
        }
    }
 
    // ListView для представления данных в виде списка
    ListView {
        id: listView1
        // Размещаем его в оставшейся части окна приложения
        anchors.top: row.bottom
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.right: parent.right
 
        /* в данном свойстве задаём вёрстку одного объекта
         * который будем отображать в списке в качестве одного элемента списка
         * */
        delegate: Item {
            id: item
            anchors.left: parent.left
            anchors.right: parent.right
            height: 40
 
            // В данном элементе будет находиться одна кнопка
            Button {
                anchors.fill: parent
                anchors.margins: 5
 
                /* самое интересное в данном объекте
                 * задаём свойству text переменную, по имени которой будем задавать
                 * свойства элемента
                 * */
                checkable: true
                //checked: false
                checked: che
                text: idshnik
                onCheckedChanged:
                {  
                 textIndex.text = inde
                }
            }
 
        }
        // Сама модель, в которой будут содержаться все элементы
        model: ListModel {
            id: listModel // задаём ей id для обращения
        }
    }
}

При нажатии на кнопку button3 (Выделить все) созданные кнопки анимируются и все хорошо, но стоит после этого нажать на одну из созданных кнопок, то эта кнопка перестает реагировать на нажатие button3 (Выделить все)
Не пойму в чем дело ? Помогите товарищи.
Спасибо за внимание

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

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

4
MR
  • 22 сентября 2016 г. 11:36
  • Ответ был помечен как решение.

После того, как мышкой кликается кнопка, значения checked на кнопке расходится со значением свойства “che” в модели, вообще сам binding свойства кнопки к свойству в модели отключается. Для обхода этого эффекта можно воспользоваться таким небольшим хаком:

delegate: Item {
            id: item
            anchors.left: parent.left
            anchors.right: parent.right
            height: 40
            //НОВОЕ СВОЙСТВО И МЕТОД
            property bool cheState: model.che</strong>
 
            onCheStateChanged:
            {
                btn.checked = cheState
            }
            
            Button {
                //КНОПКЕ НУЖНО ИМЯ
                id: checkableButtom
                anchors.fill: parent
                anchors.margins: 
                checkable: true
                //checked: false
                //УБРАНА ПРЯМАЯ ПРИВЯЗКА - ТЕПЕРЬ ЧЕРЕЗ МЕТОД ВЫШЕ
                //checked: che
                text: idshnik
                onCheckedChanged:
                {  
                 textIndex.text = inde
                }
            }

 

    MR
    • 22 сентября 2016 г. 14:43

    Ошибся в методе. Вот правильно:

    onCheStateChanged:
    {
        checkableButtom.checked = cheState
    }

     

      ГА
      • 18 октября 2016 г. 14:08
      Большое спасибо за ответ. только руки дошли опробовать.
      Все работает. но рассинхрон все равно возникает.
      если выделить все кнопки при помощи button3, а потом начать по одиночке отжимать выделенные объекты, то при повторном нажатии на button3 выделяются объекты только на 2 раз …
        Evgenii Legotckoi
        • 18 октября 2016 г. 14:17
        Скорее всего из-за того, что состояние checked у button3 в данном случае уже true, и поэтому все кнопки первый раз сбрасывают своё состояние в false, а потом уже на второй раз устанавливается состояние true.

          Комментарии

          Только авторизованные пользователи могут публиковать комментарии.
          Пожалуйста, авторизуйтесь или зарегистрируйтесь
          Ua

          Qt - Тест 001. Сигналы и слоты

          • Результат:84баллов,
          • Очки рейтинга4
          Ua

          Qt - Тест 001. Сигналы и слоты

          • Результат:42баллов,
          • Очки рейтинга-8
          ОК

          Qt - Тест 001. Сигналы и слоты

          • Результат:47баллов,
          • Очки рейтинга-6
          Последние комментарии
          ИМ
          Игорь Максимов22 ноября 2024 г. 21:51
          Django - Урок 017. Кастомизированная страница авторизации на Django Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
          Evgenii Legotckoi
          Evgenii Legotckoi31 октября 2024 г. 23:37
          Django - Урок 064. Как написать расширение для Python Markdown Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
          A
          ALO1ZE19 октября 2024 г. 17:19
          Читалка fb3-файлов на Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
          ИМ
          Игорь Максимов5 октября 2024 г. 16:51
          Django - Урок 064. Как написать расширение для Python Markdown Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
          d
          dblas55 июля 2024 г. 20:02
          QML - Урок 016. База данных SQLite и работа с ней в QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
          Сейчас обсуждают на форуме
          f
          firstlunoxod15 февраля 2025 г. 13:46
          Рисование на QGraphicsScene при зажатой кнопке мыши Подскажите, пожалуйста! Как данный класс можно дополнить, чтобы созданные объекты можно было перемещать мышкой по сцене?
          Дмитрий
          Дмитрий3 февраля 2025 г. 16:24
          Создание deb-пакета. Как создать ярлык на рабочем столе после установки собственного deb-пакета? Всем привет. Сделал свой deb-пакет с программой. Всё устанавливается и работает. Ставлю по пути /usr/bin/my_application. Как для пользователя при установке пакета сразу создать ярлык на раб…
          NW
          Nayo Wai30 января 2025 г. 19:22
          не запускается компьютер!!! Не запускается компьютер (точнее работает блок , но сам монитор вообще жесть)В общем я ничего с интернета не скачивала в последнее время. На компе никаких левых пр…
          n
          nkly3 января 2025 г. 12:52
          Нужно запретить перемещение только некоторых итемов, остальные перемещать можно. Вопрос решен. Узнать QModelIndex элемента на который мы перетаскиваем другой элемент, можно с помощью функции indexAt(event->position().toPoint()) представления QTreeViev вызываемой в переопр…
          M
          Marsel17 августа 2023 г. 0:26
          OAuth2.0 через VK, получение email Спасибо большое за помощь и простите за то что отнял время своей невнимательностью.

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