Ext JS的xtemplate設置數據爲特定值

Question

我希望能夠在我的數據

data : {"active" : 'Y', 'label': 'Don't change this'}, 
      action : 'autoBandActive', 
      margin: '0 0 10 0', 
      tpl : new Ext.XTemplate(
        '<div class="row">', 
        '<div class="pay-label" data-qtip="{label}">{label}</div>', 
        '<tpl if="active == \'Y\'">', 
        '<span class="active">Active</span>', 
        '<tpl else>', 
        '<span class="inactive">Inactive</span>', 
        '</tpl>', 
        '</div>' 
      ) 

在控制器 tpl.setData({"active": 'N'}

改變一個特定的值，但標籤被刪除。我不想這樣做tpl.setData({"active": 'N', 'label', 'new-label'}。我只是想改變的主動變

Answer 1

假設你的意思component.setData()而不是tpl.setData()，那麼你會做這樣的事情：

Ext.onReady(function() { 
    var c = new Ext.Component({ 
     renderTo: document.body, 
     tpl: '{a}{b}', 
     data: { 
      a: 1 
     } 
    }); 

    setTimeout(() => { 
     c.setData(Ext.apply({b: 2}, c.getData())); 
    }, 2000); 
}); 

Fiddle