EXTJS 里面一个GridPanel 我想在如图红色区域添加几个文本 用来显示从数据库中查

1、panel可以包含gridpanel的，在panel的items属性中可以添加gridpanel

例如：

var panel = new Ext.Panel({

items: new Ext.grid.GridPanel({})

})

2、gridpanel是继承panel的，相当于gridpanel不但继承了panel所有的属性，并且有自己特有的有些属性。

你可以详见extjs的API ，extjs中gridpanel的继承关系：

Ext.util.Observable

Ext.Component

Ext.BoxComponent

Ext.Container

Ext.Panel

Ext.grid.GridPanel

this.colModel = new Ext.grid.ColumnModel({

columns: [

sm1,

{ header: 'id', dataIndex: 'id', width:35,hidden:true  },  // 

{ header: '名称[Name]', dataIndex: "name", width:70, editor: new Ext.form.TextField({allowBlank: false}),},

{ header: ' *** 作',width:60, dataIndex: 'id',renderer:function (v) {

return '<input type="button" value="删除" onClick="javascript: alert('+v+')"'

}}

],

})

renderTo的属性已经告诉ext在初始化的时候渲染到Ext.getBody()对象上

因此你有两种方法。在“它”显示后 往其添加内容

1，定义panel的渲染事件render时。用add()方法

2，直接跟在new Ext.panel后，用add()方法

写法为:

var mypanel = new Ext.panel({你的构造属性设置})

mypanel.add(你要加入的对象或json集)

---