Logo FluentUI

DataGrid QML Type

一个基于 ListView 的数据网格组件,支持列和行的自定义布局以及动态更新。. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Methods

Detailed Description

DataGrid 组件是一个自定义的 `ListView`,用于在网格布局中显示数据。它支持列和行的动态调整,并提供了自定义的过渡动画和编辑功能。

示例用法:

 DataGrid {
 sourceModel: myModel
 columnSourceModel: myColumnModel
 visibleItemCount: 10
 autoPlayDuration: 2000
 autoPlay: true
 orientation: Qt.Horizontal
 // 在此处添加您的项目
 }

Property Documentation

add : Transition

在添加新项时应用的过渡动画。


addDisplaced : Transition

在添加新项并且位置被改变时应用的过渡动画。


columnSourceModel : var

数据网格的列数据模型。


columnWidthProvider : function

用于提供每一列的宽度的函数。接受列索引作为参数,返回对应列的宽度。


delegate : Component

用于渲染每个单元格的组件。必须定义为 `Component` 类型。


horizonalHeaderHeight : int

水平标题行的高度。


horizonalHeaderVisible : bool

是否显示水平标题行。


move : Transition

在移动项时应用的过渡动画。


moveDisplaced : Transition

在移动项并且位置被改变时应用的过渡动画。


remove : Transition

在移除项时应用的过渡动画。


removeDisplaced : Transition

在移除项并且位置被改变时应用的过渡动画。


rowHeightProvider : function

用于提供每一行的高度的函数。接受行索引作为参数,返回对应行的高度。


rowSelectedBorderColor : color

选中行的边框颜色。


rowSelectedColor : color

选中行的背景颜色。


sourceModel : var

数据网格的行数据模型。


verticalHeaderVisible : bool

是否显示垂直标题列。


view : Item

数据网格的视图项。


Method Documentation

closeEditor()

关闭当前的编辑器,并恢复到正常显示状态。