Question

我正在编写一个新的C ++应用程序，我决定使用Qt Quick而不是传统的Qt小部件，我对QML很了解，但我在阅读和设置UI控件值的最佳方法方面遇到了一些麻烦

在我的应用程序中，它被称为 DOO ，每个显示器有两个QML文件，第一个定义UI元素，第二个是读取/设置UI值的辅助类，它有一个save（）函数保存到数据库

例如，让我们拿一个名为 Son 的对象，看看它是如何定义的

SonDisplay.qml

中的

import QtQuick 2.0
import QtQuick.Layouts 1.1

import DOO.Entities.Son 1.0
import DOOTypes 1.0

import "../UIElements"
import "../UIElements/DOOTheme.js" as DOOTheme
import "../DOO"

Display {

    id:sonDisplay

    contentHeight: 350
    contentWidth: 800

    // this is a QObject derived class, that I use as an entity to a table in a MySQL database
    // I use it here to set/read UI from/to it
    property Son son : Son{}
    property int disMode : DOO.Show
    property bool inEditMode : false
    ....

帮助文件 SonHelper.qml

中的

    import QtQuick 2.0
import DOO.Commands.Son 1.0
import DOOTypes 1.0

QtObject {

    // read a Son object values into local son
    function readValues(pSon)
    {
        son.sonID = pSon.sonID
        son.name = pSon.name
        son.image = pSon.image
        son.age = pSon.age
        son.entryDate = pSon.entryDate
        son.commingFrom = pSon.commingFrom
        son.disabilityKind.kind = pSon.disabilityKind.kind
        son.caseDescription = pSon.caseDescription
        son.more = pSon.more
    }

    // copy local son values into a Son object
    function copyValues(pSon)
    {
        pSon.sonID = son.sonID
        pSon.name = son.name
        pSon.image = son.image
        pSon.age = son.age
        pSon.entryDate = son.entryDate
        pSon.commingFrom = son.commingFrom
        pSon.disabilityKind.kind = son.disabilityKind.kind
        pSon.caseDescription = son.caseDescription
        pSon.more = son.more

    }

    // read ui values into local son
    function readUIValues()
    {
        son.name = sonName.text
        son.image = sonImage.picture
        son.age = sonAge.text
        son.entryDate = Date.fromLocaleDateString(Qt.locale(), sonEntryDate.text, "dd-MM-yyyy")
        son.commingFrom = sonCommingFrom.text
        son.disabilityKind.kind = sonDisabilityKind.currentIndex
        son.caseDescription = sonCaseDescription.text
        son.more = sonMore.text

    }

    function validateUIValues()
    {
        if (Date.fromLocaleDateString(Qt.locale(), sonEntryDate.text, "dd-MM-yyyy") == "Invalid Date") return false
        //if(!sonSonID.acceptableInput) return false
        //if(!sonAge.acceptableInput) return false
        //if(!sonDisabilityKind.acceptableInput) return false

        return true
    }

    // save or update a son into database
    function save()
    {
        var v_son =  SonFactory.createObject()

        if (!validateUIValues())
        {
            dooNotifier.showMessage("Error","You Have some invalid input")
            return
        }

        readUIValues()
        copyValues(v_son) // copy local son values into v_son

        if(disMode === DOO.CreateNew)
        {
            if(SonCommands.insert(v_son))
            {
                dooNotifier.showMessage("Success","Son added successfully ")
                SonResultsModel.update()
                sonDisplay.hide()
            }
            else
            {
                dooNotifier.showMessage("Failed","Error adding son")
                DOOLogger.log(SonCommands.lasrErrorText())
            }
        }
        else
        {
            if(SonCommands.update(v_son))
            {
                dooNotifier.showMessage("Success","Son updated successfully ")
                SonResultsModel.update()
                sonDisplay.hide()
            }
            else
            {
                dooNotifier.showMessage("Failed","Error updating son")
                DOOLogger.log(SonCommands.lasrErrorText())
            }
        }

        v_son.destroy()
    }

}

正如您所看到的，我使用函数将Son对象值读取到本地子对象中，第二个将本地子对象的值复制到Son对象中，第三个函数将UI值读入本地子对象< / p>

现在我想知道是否有更好的方法来处理这种情况而不是 readValues（pSon）， copyValues（pSon）和 readUIValues（） 功能

或者这是一个很好的模式

修改

我想我可以使用QAbstractItemModel派生类来读取/保存到数据库，并将UI值作为JavaScript对象传递给它，或者将UI值读入本地子对象并将其传递给将验证和验证的C ++ save（）函数像这样保存数据：

    var uivalues = {
    name : sonName.text ,
    image : sonImage.picture ,
    age : sonAge.text ,
    entryDate : Date.fromLocaleDateString(Qt.locale(), sonEntryDate.text, "dd-MM-yyyy") ,
    commingFrom : sonCommingFrom.text ,
    disabilityKind : sonDisabilityKind.currentIndex ,
    caseDescription : sonCaseDescription.text ,
    more : sonMore.text ,
    }

    SonResultsModel.save(uivalues)

Answer 1

<强> 第一的

我认为你应该将更多逻辑转移到C ++代码中。为了获得最佳性能，最好尽可能使用最小js代码。

将您的儿子创建为具有属性的C ++类，然后将此属性绑定到UI（如果可能）。

<强> 第二

辅助类 save（）中的最后一个方法可以在特殊类中。当你使用像儿子这样的更多类时，这可能是有用的，因为这些类的工作将是相似的。

修改

我认为现在情况好一些。见下面的评论。

在Qt Quick中设置/读取UI值的最佳方法是什么

1 个答案: