[英]How to make a dynamic table
我的問題是我需要從一個數組 (tFields) 中讀取表中的名稱和列數,並從第二個數組 (tRecords) 中讀取元素數據。
我已經實現了列的閱讀和創建,請您幫助或告訴我創建列表的問題。
這是代碼:
function buildColumns() {
var rc = vConnection.recCount
var fc = vConnection.fldCount
for(var i = 0; i < fc; ++i)
{
var str = 'import QtQuick 2.1; import QtQuick.Controls 1.0; import QtQuick.Layouts 1.0; TableViewColumn{ id: idColumn; role: '
str += '"' + vConnection.tFields[i] + '"' + '; title: ' + '"' + vConnection.tFields[i] + '"' + '; width: ' + (tblPage.width / vConnection.fldCount) +'; Component.onCompleted: console.log("YEY");}'
tbl.addColumn(Qt.createQmlObject(str, tbl))
}
for(var j = 0; j < rc; ++j)
{
var str2 = 'import QtQuick 2.12; import QtQuick.Window 2.12; import QtQuick.Controls 2.4; import QtQuick.Controls.Imagine 2.3; import QtQuick.Templates 2.5; import QtQuick.Controls 1.4; ListElement { id: idColumn; '
for(var f = 0; f < fc; ++f)
{
str2 += vConnection.tFields[f] + ': "' + vConnection.tRecords[f + rc] + '"; '
}
str2 += '}'
Qt.createQmlObject(str2, lmTable)
}
}
Component.onCompleted: {
buildColumns();
}
TableView {
id: tbl
anchors.fill: parent
model: ListModel {
id: lmTable
}
}
}
不要過度使用字符串連接,因為它可能會令人困惑處理,相反,您可以使用“組件”的 createObject 方法,該方法可以以更易讀的方式分配屬性。
要將項目添加到模型中,不必使用 X,而是使用 append 方法,您可以在其中傳遞字典,使代碼更具可讀性。
Page {
id: tblPage
title: qsTr("Table")
Component{
id: columnComponent
TableViewColumn{
Component.onCompleted: console.log("YEY")
}
}
ListModel {
id: lmTable
}
function buildColumns() {
var rc = vConnection.recCount
var fc = vConnection.fldCount
for(var i = 0; i < fc; ++i){
var col = columnComponent.createObject(tbl, {"role": vConnection.tFields[i],
"title": vConnection.tFields[i],
"width": (tblPage.width / vConnection.fldCount)})
tbl.addColumn(col)
}
for(var j = 0; j < rc; ++j){
var d = {};
for(var f = 0; f < fc; ++f){
d[vConnection.tFields[f]] = vConnection.tRecords[f + rc]
}
lmTable.append(d)
}
}
TableView {
id: tbl
anchors.fill: parent
model: lmTable
}
Component.onCompleted: buildColumns()
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.