QML TabView動態添加tab和賦初值

通過調用TabView的addTab  動態添加新的選項卡：Tab addTab(string title, Component component)，其中title為選項卡標題，component為選項卡內的組件（var component = Qt.createComponent("souces.qml")。

動態添加完成后，返回一個Tab，通過引用Tab的item可以訪問component內的方法和屬性

動態添加Tab和給Tab內的component賦初值源碼：

              　var component = Qt.createComponent("souces.qml")
                if(component.status===Component.Ready){ var tab=tabView.addTab("sdfasdf",component) tabView.currentIndex=(tabView.count-1)//當前選中項  tab.item.tableModel.clear() tab.item.tableModel.append({ a: 122222, b: 2, c:"Bit", d: 4, remark: "備注" }) } 

TabView源碼：

    TabView  {
        id:tabView
        anchors.top: functionButton.bottom
        anchors.bottom: parent.bottom
        anchors.right: parent.right
        anchors.left: parent.left
        style: TabViewStyle {
            frameOverlap: 1
            tab: Rectangle {
                color: styleData.selected ? "#dcdada" :"white"
                border.color:  "steelblue"
                implicitWidth: Math.max(text1.width + 4, 80)
                implicitHeight: 30
                radius: 2
                Text {
                    id: text1
                    anchors.centerIn: parent
                    text: styleData.title
                    color: styleData.selected ? "white" : "black"
                }
            }
            frame: Rectangle { color: "white" }
            rightCorner:Rectangle{
                anchors.right: parent.right
                Text {
                    id: text2
                    text: "+++"
    //                    color: styleData.selected ? "white" : "orange"
                }
            }
        }
    }

 souces.qml源碼：

    property alias tableModel:configModel//屬性別名    
    ListModel{
          id: configModel
          ListElement{
              a: 1;
              b: 2;
              c:"Bit"
              d: 4
              remark: "備注"
          }
    }
    TableView{
      id: configTable
      alternatingRowColors:true//交替行顏色
      anchors.bottom: table.bottom
      anchors.top: functionButton.bottom
      anchors.left: table.left
      anchors.right: table.right
      model: configModel
//      width:table.width
      TableViewColumn{
          id:byteOffset
          role:"byteOffset"
          title:"字偏移"
          width: columnWidth
      }
      TableViewColumn{
          id:bitOffset
          role:"bitOffset"
          title:"位偏移"
          width: columnWidth
      }
      TableViewColumn{
          id:fieldLenType
          role:"fieldLenType"
          title:"字段長度類型"
          width: columnWidth
      }
      TableViewColumn{
          id:fieldLen
          role:"fieldLen"
          title:"字段長度"
          width: columnWidth
      }
      TableViewColumn{
          id:fieldType
          role:"fieldType"
          title:"字段類型"
          width: columnWidth
      }
      TableViewColumn{
          id:fieldShowType
          role:"fieldShowType"
          title:"字段顯示類型"
          width: columnWidth
      }
      TableViewColumn{
          id:fieldName
          role:"fieldName"
          title:"字段名稱"
          width: columnWidth
      }
      TableViewColumn{
          id:fieldValue
          role:"fieldValue"
          title:"字段值"
          width: columnWidth
      }

      TableViewColumn{
          id:remark
          role:"remark"
          title:"備注"
          width: columnWidth
          elideMode: Text.ElideRight
      }


      headerDelegate :Rectangle{//設置表頭的樣式
//          implicitWidth: 10
//          implicitHeight: 30
          height: 30
          border.color: "#b9b8b8"
          Text{
              anchors.centerIn : parent//居中
              anchors.verticalCenter: parent.verticalCenter
              text: styleData.value
//              color:
              font.bold: true
          }
          MouseArea {//自定義左擊/右擊功能  左擊被屏蔽
              anchors.fill:parent
              acceptedButtons: Qt.RightButton|Qt.LeftButton
              onClicked: {
                  tableHeader_menu.popup()
              }
          }

      }
      //行代理可以修改行高等信息
      rowDelegate: Rectangle {
            height: 20
            MouseArea {//自定義左擊/右擊功能
                anchors.fill:parent
                acceptedButtons: Qt.RightButton|Qt.LeftButton
                onClicked: {
                    if(mouse.button === Qt.RightButton){
//                        console.log(styleData.row )
                        if(styleData.row!==undefined){
                            configTable.selection.clear()//取消所有選擇
                            currrrRow=styleData.row
                            configTable.selection.select(styleData.row)//選擇行
                            insertRowUp.visible=true
                            deletRow.visible=true
                            content_menu.popup()
                        }else{
                            currrrRow=configTable.rowCount-1
                            configTable.selection.clear()//取消所有選擇
                            insertRowUp.visible=false
                            deletRow.visible=false
                            content_menu.popup()
                        }

                    }else if(mouse.button === Qt.LeftButton){
                        if(styleData.row!==undefined){
                            currrrRow=styleData.row
                            configTable.selection.clear()//取消所有選擇
                            configTable.selection.select(styleData.row)//選擇行
                        }else{
                            currrrRow=-1
                            configTable.selection.clear()//取消所有選擇
                        }
                     }
                }
                onDoubleClicked: {
                    if(styleData.row!==undefined){
                        dataFormatEidt.visible=true
                        dataFormatEidt.linedata=configModel.get(currrrRow)
                    }
                }
            }
        }
    }