ГА
Геворк АрзуманянSept. 22, 2016, 1:20 a.m.

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 (Выделить все)
Не пойму в чем дело ? Помогите товарищи.
Спасибо за внимание

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Do you like it? Share on social networks!

4
MR
  • Sept. 22, 2016, 11:36 a.m.
  • The answer was marked as a solution.

После того, как мышкой кликается кнопка, значения 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
    • Sept. 22, 2016, 2:43 p.m.

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

    onCheStateChanged:
    {
        checkableButtom.checked = cheState
    }

     

      Большое спасибо за ответ. только руки дошли опробовать.
      Все работает. но рассинхрон все равно возникает.
      если выделить все кнопки при помощи button3, а потом начать по одиночке отжимать выделенные объекты, то при повторном нажатии на button3 выделяются объекты только на 2 раз …
        Скорее всего из-за того, что состояние checked у button3 в данном случае уже true, и поэтому все кнопки первый раз сбрасывают своё состояние в false, а потом уже на второй раз устанавливается состояние true.

          Comments

          Only authorized users can post comments.
          Please, Log in or Sign up
          Ua

          Qt - Test 001. Signals and slots

          • Result:84points,
          • Rating points4
          Ua

          Qt - Test 001. Signals and slots

          • Result:42points,
          • Rating points-8
          ОК

          Qt - Test 001. Signals and slots

          • Result:47points,
          • Rating points-6
          Last comments
          ИМ
          Игорь МаксимовNov. 22, 2024, 9:51 p.m.
          Django - Tutorial 017. Customize the login page to Django Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
          Evgenii Legotckoi
          Evgenii LegotckoiOct. 31, 2024, 11:37 p.m.
          Django - Lesson 064. How to write a Python Markdown extension Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
          A
          ALO1ZEOct. 19, 2024, 5:19 p.m.
          Fb3 file reader on Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
          ИМ
          Игорь МаксимовOct. 5, 2024, 4:51 p.m.
          Django - Lesson 064. How to write a Python Markdown extension Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
          d
          dblas5July 5, 2024, 8:02 p.m.
          QML - Lesson 016. SQLite database and the working with it in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
          Now discuss on the forum
          f
          firstlunoxodFeb. 15, 2025, 1:46 p.m.
          Рисование на QGraphicsScene при зажатой кнопке мыши Подскажите, пожалуйста! Как данный класс можно дополнить, чтобы созданные объекты можно было перемещать мышкой по сцене?
          Дмитрий
          ДмитрийFeb. 3, 2025, 4:24 p.m.
          Создание deb-пакета. Как создать ярлык на рабочем столе после установки собственного deb-пакета? Всем привет. Сделал свой deb-пакет с программой. Всё устанавливается и работает. Ставлю по пути /usr/bin/my_application. Как для пользователя при установке пакета сразу создать ярлык на раб…
          NW
          Nayo WaiJan. 30, 2025, 7:22 p.m.
          не запускается компьютер!!! Не запускается компьютер (точнее работает блок , но сам монитор вообще жесть)В общем я ничего с интернета не скачивала в последнее время. На компе никаких левых пр…
          n
          nklyJan. 3, 2025, 12:52 p.m.
          Нужно запретить перемещение только некоторых итемов, остальные перемещать можно. Вопрос решен. Узнать QModelIndex элемента на который мы перетаскиваем другой элемент, можно с помощью функции indexAt(event->position().toPoint()) представления QTreeViev вызываемой в переопр…
          M
          MarselAug. 17, 2023, 12:26 a.m.
          OAuth2.0 через VK, получение email Спасибо большое за помощь и простите за то что отнял время своей невнимательностью.

          Follow us in social networks