在TableView中

Question

我創建具有自定義委託一個TableView使用checkboes有在列checkbox ES和我取得了一些成功有以下：

// TableViewCheckBoxColumn.qml 
import QtQuick 2.2 
import QtQuick.Controls 1.4 
import QtQuick.Controls.Styles 1.4 

TableViewColumn { 
    title: "" 
    role: "check" 
    delegate: CheckBox { 
     id: checkBox 
    } 
} 

表執行如下：

import QtQuick 2.2 
import QtQuick.Controls 1.4 
import QtQuick.Controls.Styles 1.4 

Item { 
    anchors.centerIn: parent 

    ListModel { 
     id: testModel 
     ListElement { 
      check1: true 
      check2: true 
      check3: false 
      check4: false 
      check5: false 
     } 
    } 

    TableView { 
     anchors.centerIn: parent 
     TableViewCheckBoxColumn { 
      id: checkedColumn1 
     } 

     TableViewCheckBoxColumn { 
      id: checkedColumn2 
     } 

     TableViewCheckBoxColumn { 
      id: checkedColumn3 
     } 

     TableViewCheckBoxColumn { 
      id: checkedColumn4 
     } 

     TableViewCheckBoxColumn { 
      id: checkedColumn5 
     } 
     model: testModel 
    } 
} 

這至少會創建TableView以及其中每個列中的5列和checkbox es。但是，我無法弄清楚如何將列的檢查狀態從我的testModel傳播到TableView。

Answer 1

好的，首先你需要匹配列的角色屬性和模型的屬性。然後，您可以使用屬性styleData訪問該屬性的值。值」

ListModel { 
    id: testModel 

    ListElement { 
     check1: true 
     check2: true 
     check3: false 
     check4: false 
     check5: false 
    } 
} 


TableView { 
    width: 1000; height: 500 

    anchors.centerIn: parent 
    TableViewColumn { 
     role: "check1" 

     delegate: CheckBox { 
      checked: styleData.value 
     } 
    } 

    TableViewColumn { 
     role: "check2" 

     delegate: CheckBox { 
      checked: styleData.value 
     } 
    } 

    TableViewColumn { 
     role: "check3" 

     delegate: CheckBox { 
      checked: styleData.value 
     } 
    } 

    TableViewColumn { 
     role: "check4" 

     delegate: CheckBox { 
      checked: styleData.value 
     } 
    } 

    TableViewColumn { 
     role: "check5" 

     delegate: CheckBox { 
      checked: styleData.value 
     } 
    } 

    model: testModel 
} 

這是更好的：

TableView { 
    width: 1000; height: 500 

    anchors.centerIn: parent 
    TableViewColumn { 
     role: "check1" 
    } 

    TableViewColumn { 
     role: "check2" 
    } 

    TableViewColumn { 
     role: "check3" 
    } 

    TableViewColumn { 
     role: "check4" 
    } 

    TableViewColumn { 
     role: "check5" 
    } 

    model: testModel 

    itemDelegate: CheckBox { 
     checked: styleData.value 
    } 
}