extjs 如何将GridPanel页面渲染到panel里

//表格1

var grid1 = Ext.create('Ext.grid.Panel',{})

//表格2的查询提交事件

function search(){

Ext.Ajax.request({

url: '数据处理页面',

success: function(response){

var respText = Ext.decode(response.responseText)

//重点，表格1重新加载数据，后台输出json格式的查询结果

grid1.store.loadData(respText)

}

})

}

tabr:是放在上面的工具栏，还有放在下面的工具栏，具体怎麼写我忘掉了，你可以查看一下API

tabr:[

{text:'button' ,handler:function(){}}

]

这就是Ext风格的button了，

祝你好运，有啥问题，留言，讨论

智能渲染：在extjs4.0之前的版本中采用了‘最小公分母’的策略来支持各种丰富的特性，这种方式会对每一个表格产生大量的标签，而这些标签对于简单表格来说是不必要的，而在4.0中默认的表格只会产生很少的标签，对于复杂的功能采用附加特性的方式实现，这对于提高数据的展示速度和表格的性能起到了巨大的作用。

标准布局：在ExtJs4.0中改变了原来直接处理内部标签和样式的布局方式，而是将表格划分为不同的组成部分，并使他们有机结合起来，这样就统一了表格和框架的渲染流程。

数据视图：在ExtJs4.0中新的gridView扩展自标准的DataView数据视图，这不但减少了代码冗余并且可以更简单的进行自定义。

特性支持：在ExtJs4.0之前的版本可以通过插件或者继承的方式对表格组件的功能进行扩展，但是这种扩展方式很难实现功能的灵活组合。4.0中使用了性的Grid基类Ext.grid.Feature，它提供了灵活定义表格特性的基础，任何Feature类都可以修改表格模版，来装饰或改变grid视图生成的标签。在新的grid类中RowWrap、RowBody和Grouping都是通过Feature方式实现的。

---