Question

EXTjs中如何获取Panel中html的内容

如题：假设我一个Panel（{
html：“123456”，
//其他属性省略
}）
请教各位大神，如何获取这个panel中html 的内容 ，即 123456 ，小弟刚接触EXT，请各位大神帮帮忙

Answer 1

 // private
    afterRender : function(){
        if(this.floating && !this.hidden && !this.initHidden){
            this.el.show();
        }
        if(this.title){
            this.setTitle(this.title);
        }
        this.setAutoScroll();
        if(this.html){
            this.body.update(Ext.isObject(this.html) ?
                             Ext.DomHelper.markup(this.html) :
                             this.html);
            delete this.html;//看这里
        }

 这个是Panel定义的源码，可以看到Panel在渲染后，把html属性被body.update使用了，然后该属性就被删除了。因此你定义出来的panel对象无法通过点属性来获取html你定义的内容了。

所以我们只能通过body来获取了。这样就行了：

var tb = new Ext.Panel({   
      html:'12345',
      tbar:[{
     text:"点击获取",
     handler : function() {
      alert(tb.body.dom.innerHTML);
     }
    }]
});

你试试吧~~~

追问

我试了这个方法，这个方法可以获取到panel里的所有html代码，包括很多div的，但我想要的只是Panel里显示的 123456这些
但是还是要谢谢你

Answer 2

panel.body.dom.innerHTML

Answer 3

Ext.Msg.alert('htmlText',panel.body.dom.innerHTML);