Ext如何动态修改HTML数据的操作方法？？？

Question

//创建面板
var topPanel=new Ext.FormPanel({
region:'north',
frame:true,
split:true,
title:'使用说明',
labelAlign:'top',
bodyStyle:'padding:5px',
height:320,
items:[{
html:"<span style='font-size:16px;line-height:30px;'>账号名：usrename</span>"
]});//获取用户
var getData=function()
{
Ext.Ajax.request({
url:GD.url,
method:'GET',
success:function(response)
{
var obj=eval('('+response.responseText+')');
//得到用户名  obj.usrename,如何写入到相应的位置呢？什么时候写入，不明白EXT的渲染期，希望高手能请明白！
}
});
}

大家好，我是一个EXT新手，第一次使用EXT做项目，有些不明白的地方请大家指点一二！
“账号名：usrename”，这里的“usrename”代表用户名，需要动态修改，这个帐号号是从getData里获取的问题1：如何在相应的位置上写入帐号名（EXT不像HTML可以innerHTML吧）
问题2：看看getDate函数，我应该什么时候写入帐户名，不明白EXT的渲染期，希望高手能请明白！

Answer 1

this.update();
和winform很象的了.

Answer 2

html:"<span style='font-size:16px;line-height:30px;'>账号名：usrename</span>"
这句可以修改为
html:"<span id='spanUserName' style='font-size:16px;line-height:30px;'>账号名：usrename</span>"然后调用js
document.getElementById('spanUserName').innerHTML='账号名：' + username

Answer 3

有没有EXT的方法，这种方法或许可以，但既然已经用EXT来做项目了，我希望还是通过EXT内置的办法来解决！

Answer 4

 1.var topPanel=new Ext.FormPanel({
        region:'north',
        frame:true,
        split:true,
        title:'使用说明',
        labelAlign:'top',
        bodyStyle:'padding:5px',
        height:320,
        items:[{
            html:"<span style='font-size:16px;line-height:30px;'>账号名：usrename</span>"//这里怎么不用Ext的写法呢？
        ]});
2.用Ext的方法。Ext.get();

Answer 5

html:"<span style='font-size:16px;line-height:30px;'>账号名：usrename</span>"//这里怎么不用Ext的写法呢？
这里你完成可以用ext中的对form表单的封装组件

Answer 6

能否给出具体的代码呢，我是第一次用EXT，所以不太清楚谢谢大家了！

Answer 7

ext的文档很棒啊，多看看。
应该是
Ext.get('dom_id').update(obj.username);至少
Ext.get('dom_id').dom.innerHTML = obj.username
肯定是可以的

Answer 8

Ext.get('dom_id').dom 就相当于 document.getElementById('dom_id')

Answer 9

Ext.get('dom_id').dom = Ext.getDom('dom_id')