mirror of
https://github.com/zhuzichu520/FluentUI.git
synced 2024-11-01 00:27:32 +08:00
81 lines
2.6 KiB
QML
81 lines
2.6 KiB
QML
|
import QtQuick
|
||
|
import QtQuick.Controls
|
||
|
import QtQuick.Layouts
|
||
|
import QtQuick.Window
|
||
|
import FluentUI
|
||
|
import "qrc:///example/qml/component"
|
||
|
|
||
|
FluContentPage{
|
||
|
|
||
|
title:"TableView"
|
||
|
|
||
|
Component.onCompleted: {
|
||
|
loadData(1,10)
|
||
|
}
|
||
|
|
||
|
function loadData(page,count){
|
||
|
var numbers = [100, 300, 500, 1000];
|
||
|
function getRandomAge() {
|
||
|
var randomIndex = Math.floor(Math.random() * numbers.length);
|
||
|
return numbers[randomIndex];
|
||
|
}
|
||
|
var names = ["孙悟空", "猪八戒", "沙和尚", "唐僧","白骨夫人","金角大王","熊山君","黄风怪","银角大王"];
|
||
|
function getRandomName(){
|
||
|
var randomIndex = Math.floor(Math.random() * names.length);
|
||
|
return names[randomIndex];
|
||
|
}
|
||
|
var nicknames = ["复海大圣","混天大圣","移山大圣","通风大圣","驱神大圣","齐天大圣","平天大圣"]
|
||
|
function getRandomNickname(){
|
||
|
var randomIndex = Math.floor(Math.random() * nicknames.length);
|
||
|
return nicknames[randomIndex];
|
||
|
}
|
||
|
var addresses = ["傲来国界花果山水帘洞","傲来国界坎源山脏水洞","大唐国界黑风山黑风洞","大唐国界黄风岭黄风洞","大唐国界骷髅山白骨洞","宝象国界碗子山波月洞","宝象国界平顶山莲花洞","宝象国界压龙山压龙洞","乌鸡国界号山枯松涧火云洞","乌鸡国界衡阳峪黑水河河神府"]
|
||
|
function getRandomAddresses(){
|
||
|
var randomIndex = Math.floor(Math.random() * addresses.length);
|
||
|
return addresses[randomIndex];
|
||
|
}
|
||
|
const dataSource = []
|
||
|
for(var i=0;i<count;i++){
|
||
|
dataSource.push({
|
||
|
name: getRandomName(),
|
||
|
age:getRandomAge(),
|
||
|
address: getRandomAddresses(),
|
||
|
nickname: getRandomNickname()
|
||
|
})
|
||
|
}
|
||
|
table_view.dataSource = dataSource
|
||
|
}
|
||
|
|
||
|
FluTableView2{
|
||
|
id:table_view
|
||
|
anchors.fill: parent
|
||
|
anchors.topMargin: 20
|
||
|
columnSource:[
|
||
|
{
|
||
|
title: '姓名',
|
||
|
dataIndex: 'name',
|
||
|
width:100,
|
||
|
|
||
|
},
|
||
|
{
|
||
|
title: '年龄',
|
||
|
dataIndex: 'age',
|
||
|
width:100,
|
||
|
minimumWidth:100
|
||
|
},
|
||
|
{
|
||
|
title: '住址',
|
||
|
dataIndex: 'address',
|
||
|
width:200
|
||
|
},
|
||
|
{
|
||
|
title: '别名',
|
||
|
dataIndex: 'nickname',
|
||
|
width:100
|
||
|
}
|
||
|
]
|
||
|
}
|
||
|
|
||
|
|
||
|
}
|