qml 两个listview共用一个listmodel，显示排斥的数据

最新推荐文章于 2024-11-03 17:48:11 发布

bangtan辉

最新推荐文章于 2024-11-03 17:48:11 发布

阅读量139

点赞数

文章标签： qt

本文链接：https://blog.csdn.net/bangtanhui/article/details/133253877

版权

本文展示了如何在使用QtQuick2.0开发的应用中，通过ListModel和ListView实现数据绑定，以及通过flag属性实现两个ListView中数据的区分显示。

摘要由CSDN通过智能技术生成

import QtQuick 2.0
import QtQuick.Window 2.0
import QtQuick.Controls 2.0
import QtQml.Models 2.0



Window {
    width: 400
    height: 400
    visible: true


    ListModel {
        id: myModel
        ListElement { name: "Item A"; flag: 1 }
        ListElement { name: "Item B"; flag: 0 }
        ListElement { name: "Item C"; flag: 1 }
        ListElement { name: "Item D"; flag: 0 }
        ListElement { name: "Item E"; flag: 1 }
    }

    ListView {
        width: parent.width / 2
        height: parent.height
        model: myModel

        delegate: Text {
            text: name
            height: visible ? 20 : 0
            visible: flag==1
        }
    }

    ListView {
        width: parent.width / 2
        height: parent.height
        x: parent.width / 2
        model: myModel

        delegate: Text {
            text: name
            height: visible ? 20 : 0
            visible: flag == 0
        }
    }
}