ExtJS更新Panel的html内容

[JMhappy]

第一次赋html值是正常的，之后每次赋值都不会改变html内容，代码如下

{
                colspan: 8,
                border: 0,
                ref: "detail",
                id: "id_detail",
                bodyStyle: 'padding:15px; text-align:center; line-height:25px;',
                html: '<div id="div_detail"></div>'
            }

有没办法更新到html内容？

[md5e]

<div id="ContentPanel1_content" class="x-hide-display" > 这里写内容 </div> .... { id:"ContentPanel1", ... contentEl:"ContentPanel1_content", ... listeners:{render:function(component){Ext.get('ContentPanel1_content').show();}} }

[wayu002]

Ext.getCmp('id_detail').update(html_content);

[JMhappy]

是这样的 页面是通过纯extjs来生成出来的，所以二楼那个标签不知道写哪里去，而且我时不时要更新这个html内容 3楼的方法我试过，会报错，直接用不了

[md5e]

<div id='loading-mask'> </div> <div id='loading'> <div class='loading-indicator'> <img align='absmiddle' src='/res.axd?img=loading_32.gif&v=1' /></div> </div> <div id="PageManager1_wrapper"> </div> <div id="ContentPanel1_content" class="x-hide-display"> 没有改变之前! </div> <script> Ext.onReady(function () { X.init(); var x0 = new Ext.Panel({ x_state: {}, id: "ContentPanel1", cls: "x-form-item", bodyStyle: "padding:0px;background-color:#DFE8F6;", border: false, animCollapse: true, contentEl: "ContentPanel1_content", collapsible: false, collapsed: false, header: false, listeners: { render: function (component) { Ext.get('ContentPanel1_content').show(); } } }); X.util.removePageLoading(false); var x1 = new Ext.ux.FormViewport({ x_state: {}, id: "PageManager1", renderTo: "PageManager1_wrapper", layout: "fit", border: false, items: x0 }); X.ready(); }); function onReady() { jQuery("#ContentPanel1_content").html("我要改变你!");//这里有jQuery直接操作 } </script>

[种草德鲁伊]

引用 3 楼 JMhappy 的回复:

是这样的 页面是通过纯extjs来生成出来的，所以二楼那个标签不知道写哪里去，而且我时不时要更新这个html内容 3楼的方法我试过，会报错，直接用不了

会报什么错，是不是控件没呈现之前就调用了这个方法？

[JMhappy]

直接赋值的方法只能基于第一次赋值正常，第二次以后就没用了 所以我的做法是在赋值之前重绘一遍窗口，然后再赋值，每次都保持第一次赋值的那种状态