setTitle堆栈组件-金色布局

Question

我使用Golden Layout，所以我想更改特定堆栈组件的标题。例如，当我添加2个具有2个输入的堆栈，并且更改了最后一个元素的标题时，所有元素的标题都会更改，而不是在特定堆栈中。

代码如下：

var addGroupement = function(title) {
var newItemStack = {
    id: 'stackId',
    type: 'stack',
    title: title,
    content:[{
        type: 'row',
        title: title,
        content:[{
            type: 'stack',
            componentName: 'template',
            componentState: { templateId: 'stackH' }
        }]
    }]          
};
$('#groupement').click(function(){
    var add = myLayout.root.contentItems[ 0 ].addChild( newItemStack );
    var stack = myLayout.root.getItemsById('stackId');
    console.log(stack);
    var input = $('<input type="text"/>');
    $('#test').append(input);
    input.on('change', function(event){
    for(i=0; i<stack.length ; i++){   
            stack[i].contentItems[0].setTitle(input.val());
        }
    })
});

};

结果：

请你帮我!!