0

当我尝试在 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 内容未显示,如果我使用一些临时值 App.gvars.fusername content="Test" 进行初始化,它可以正常工作!这段代码有什么问题?请帮助我

4

1 回答 1

-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
}):
于 2013-10-01T18:12:38.700 回答