QML按钮点击时如何调用外部数据填充TextField？

完全可以仅通过QML实现该需求，不需要额外编写C后端（除非你的预先生成数据仅存在于C逻辑中，这种情况也可以通过QML与C++交互完成，但纯QML场景下完全可行）。以下提供两种解决方案：

方案一：适配现有硬编码结构的快速实现 #

如果不想重构现有20组硬编码的布局，可以直接在按钮点击事件中，通过每个TextField的ID逐个赋值。假设你已经有一个包含20个元素的预生成数据数组：

// 预先定义好的20个值的数组，可根据实际来源调整
var preGeneratedValues = ["值1", "值2", "值3", /* ... 补充至20个值 */];

Button {
    text: "填充数据"
    onClicked: {
        // 按顺序给每个TextField赋值，对应数组索引
        textfield_rectangle_mov_mean_nokta_sayisi_deger.text = preGeneratedValues[0];
        // 依次写下剩余19个TextField的赋值语句，比如第二个TextField的ID为textfield_xxx_deger，则写：
        // textfield_xxx_deger.text = preGeneratedValues[1];
        // ... 直到索引19
    }
}

这种方式的缺点是代码冗余，后续修改参数数量或顺序时维护成本高，仅适合临时快速实现。

方案二：基于Model-View的优雅实现（推荐） #

用Repeater结合ListModel重构布局，既避免硬编码冗余，又能更便捷地绑定数据：

1. 定义数据模型 #

先创建一个包含所有行标签和初始值的模型：

ListModel {
    id: paramModel
    // 示例20条数据，按实际需求修改标签文本
    ListElement { label: "Mov Mean Nokta Sayısı"; value: "" }
    ListElement { label: "参数2"; value: "" }
    ListElement { label: "参数3"; value: "" }
    // ... 补充剩余17条ListElement
}

2. 用Repeater动态生成布局 #

替换原来的20组硬编码矩形，用Repeater批量生成：

ColumnLayout {
    Repeater {
        model: paramModel
        RowLayout {
            Layout.fillWidth: true
            // 标签容器
            Rectangle{
                border.width: 2
                border.color: "black"
                Layout.alignment: Qt.AlignCenter
                Layout.preferredWidth: mainWindow.width/8
                Layout.preferredHeight: mainWindow.height/22
                Layout.margins: -3
                Layout.fillWidth: true
                color: index % 2 === 0 ? row_even : row_odd // 奇偶行区分颜色
                Text{
                    color: normal_text
                    text: model.label
                    anchors.centerIn: parent
                }
            }
            // 输入框容器
            Rectangle{
                border.width: 2
                border.color: "black"
                Layout.alignment: Qt.AlignCenter
                Layout.preferredWidth: mainWindow.width/8
                Layout.preferredHeight: mainWindow.height/22
                Layout.margins: -3
                Layout.fillWidth: true
                color: index % 2 === 0 ? row_even : row_odd
                TextField {
                    anchors.centerIn: parent
                    placeholderText: qsTr("")
                    color: normal_text
                    text: model.value // 绑定模型中的value字段
                }
            }
        }
    }

    // 填充按钮
    Button {
        text: "填充数据"
        onClicked: {
            // 模拟预生成的20个值，实际可从QML其他模块获取
            var preGeneratedValues = ["15", "25", "35", /* ... 补充至20个值 */];
            // 遍历模型批量赋值
            for(let i = 0; i < paramModel.count; i++){
                paramModel.setProperty(i, "value", preGeneratedValues[i]);
            }
        }
    }
}

补充说明 #

如果预生成的数据来自C++，可通过Q_PROPERTY将C++数据暴露给QML，或继承QAbstractListModel实现自定义模型并注册到QML中，依然可以在QML中完成数据绑定与填充逻辑。

内容的提问来源于stack exchange，提问作者Mert Turfan