2013-10-01 30 views
0

当我尝试在HTML之间添加变量内容时,JSON调用后不显示,但是如果我用虚拟值初始化它的显示。在这里我的代码在HTML内容不工作之间

{ 
    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内容=“测试”,它的工作!什么在此代码的问题吗?请帮我

回答

-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 
}):