qml의 동적 단추로 스타일 시트가 작동하지 않습니다.

Question

프로젝트에서 구성 요소를 사용하여 모눈 레이아웃의 일부 단추를 채울 수있었습니다. 하지만 단추에 스타일 구성 요소를 추가 할 수는 없습니다. 이건 내 코드입니다 :

Component { 
    id: itemgroup 
    Button { } 
} 

function addButton() { 
    for(var i = 0 ; i < 10 ; i++) { 
    var button = itemgroup.createObject (gridX, { 
              "id": "btnitemgroup", 
              "style": buttonstyle, 
              "text" :"hai" 
             }); 
    } 
} 

Answer 1

import QtQuick 2.6 
import QtQuick.Window 2.2 
import QtQuick.Controls 1.3 
import QtQuick.Controls.Styles 1.3 

Window { 
    visible: true 
    width: 500 
    height: 500 
    id:root 
    Grid 
    { 
     id:gridX 
    } 
    function addButton (row) { 

     var styleButton = 'import QtQuick 2.6;import QtQuick.Controls 1.3 
      import QtQuick.Controls.Styles 1.3; Button { text:"hai"; style: ButtonStyle { 
      background: Rectangle { 
       implicitWidth: 100 
       implicitHeight: 25 
       border.width: control.activeFocus ? 2 : 1 
       border.color: "red" 
       radius: 10 
       } 
       } 
      }' 

     for(var i = 0 ; i < 10 ; i++) { 
      Qt.createQmlObject(styleButton, gridX); 
     } 
    } 
    Component.onCompleted: 
    { 
     addButton() 
    } 
}