Php 堆栈组件的集合标题-黄金布局

Php 堆栈组件的集合标题-黄金布局,php,jquery,golden-layout,Php,Jquery,Golden Layout,我使用黄金布局,所以我想更改特定堆栈组件的标题。例如,当我添加两个包含2个输入的堆栈,并更改最后一个元素的标题时,该标题会在不在特定堆栈中的所有元素中更改 代码如下: var addGroupement = function(title) { var newItemStack = { id: 'stackId', type: 'stack', title: title, content:[{ type: 'row', title:

我使用黄金布局,所以我想更改特定堆栈组件的标题。例如,当我添加两个包含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());
        }
    })
});
var addgroupment=函数(标题){
var newItemStack={
id:'stackId',
键入:“堆栈”,
标题:标题,,
内容:[{
键入:“行”,
标题:标题,,
内容:[{
键入:“堆栈”,
组件名称:“模板”,
组件状态:{templateId:'stackH'}
}]
}]          
};
$('#groupment')。单击(函数(){
var add=myLayout.root.contentItems[0].addChild(newItemStack);
var stack=myLayout.root.getItemsById('stackId');
控制台日志(堆栈);
变量输入=$('');
$('#test')。追加(输入);
input.on('change',函数(事件){
对于(i=0;i