Между HTML-контентом не работает

Question

Когда я пытаюсь добавить переменный контент между HTML, он не отображается после вызова JSON, но если я инициализирую фиктивным значением его показ. Вот мой код

{ 
    xtype: 'panel', 
    height:'115px', 
    html:['<div style="margin:0px;background:#fff;" >'+ 
      '<table style="margin:0px;padding:0px;height:40px;" width="100%" >'+ 
      '<tr><td style="padding:2px;width:40%;"><span><img src="data:image/jpeg;base64,{userImage}" height="100px" width="100px"/>'+ 
      '</span></td>'+ 
      '<td align="center" style="padding-left:2px ;width:60%;"><font color="black">'+App.gvars.fusername+'</font><br><p style="background-color:blue;"><font color="white">ITEMS COUNT : 155</font></p>'+ 
      '</td></tr></table></div>'].join(), 
    } 

содержания App.gvars.fusername не отображается, если я инициализация с некоторой temprory значения App.gvars.fusername содержания = «Test», его рабочим! Whats the problem в этом коде? помогите мне

Answer 1

Проблема в том, что панель создается до того, как App.gvars.fusername получает набор из ответа JSON. Вам нужно будет использовать tpl вместо html, чтобы вы могли обновлять контент после получения необходимых данных.

{ 
    xtype: 'panel', 
    height: '115px', 
    itemId: 'my-panel', 
    tpl: [ 
     //... 
     '<font color="black">{fusername}</font> 
     //... 
    ] 
} 

Затем, когда вы получите ваш ответ JSON, вы можете обновить tpl.

panel.update({ 
    fusername: App.gvars.fusername 
}):