如何获得ext items html中的id,急。。。

var tabs = new Ext.TabPanel({
id:'menufst',
[color=red]region:'center',[/color]
enableTabScroll:true,
resizeTabs:true, // turn on tab resizing
minTabWidth:90,
activeTab:0,
plugins: new Ext.ux.TabCloseMenu(),
items:[{
id:'homePage',
title:'首页',
autoScroll:true,
[color=red]html:"

内容
"[/color]
}]
});

Ext.onReady(function(){new Ext.Viewport({
id:'vp',
layout:'border',
defaults:{activeItem:0},
items:[{
region:"north",
height:40,
html:'

标题
'},
tabs]
});
});

alert(document.getElementById('hid').value); //这个可以得到值 [color=red]document.getElementById('m1').style.display='block'; //这个在center布局中的对象,获得不了,也没法操作

请问,如何获得m1的操作权?[/color]

把你的代码加到onReady后面去就行了:
[code="javascript"]
Ext.onReady(function(){new Ext.Viewport({
id:'vp',
layout:'border',
defaults:{activeItem:0},
items:[{
region:"north",
height:40,
html:'

标题
'},
tabs]
});
//你需要在Ext的组件渲染之后才能获取组件里面的HTMLDocument对象:
document.getElementById('m1').style.display='block';
});
[/code]

这个是因为你调用document.getElementById的时候,m1那个div还没渲染.所以就出错了,可以看Panel的源代码,它是在afterRender方法里才开始进行渲染html的内容的.
[code="js"]
//afterRender里的一段渲染html的源码
if(this.html){
this.body.update(typeof this.html == 'object' ?
Ext.DomHelper.markup(this.html) :
this.html);
delete this.html;
}
[/code]

你可以将你的代码改成下面的就能够得到m1了
[code="js"]
var MyPanel = Ext.extend(Ext.Panel,{
id:'homePage',
title:'首页',
autoScroll:true,
html:"

内容
",
afterRender : function(){
MyPanel.superclass.afterRender.apply(this,arguments);
//在渲染后才能获得m1
document.getElementById('m1').style.display='block';

}
});
var p = new MyPanel();
var tabs = new Ext.TabPanel({
id:'menufst',
region:'center',
enableTabScroll:true,
resizeTabs:true, // turn on tab resizing
minTabWidth:90,
activeTab:0,
plugins: new Ext.ux.TabCloseMenu(),
items:[p]
});
Ext.onReady(function(){
    new Ext.Viewport({
        id:'vp',
        layout:'border',
        defaults:{activeItem:0},
        items:[{
        region:"north",
        height:40,
        html:'<div>标题</div>'},
        tabs]
    });
});

[/code]