关于extjs中两个tbar问题的讨论

版本：extjs3.4联系过extjs的同志都知道，每个面板都有一个TBAR(顶栏工具栏)和BBAR(底栏工具栏)。当你制作一个查询页面时，你通常是什么样子的？最基本的是一个显示数据的表格。进一步：对数据进行添加操作，如添加按钮。进一步：一般查询会有查询条件，可以快速定位。对于extjs，extjs封装了很多组件，其中组件的概念与java swing非常相似，比如面板、按钮、组件、容器等等。对于上面的查询页面，java开发完全没有问题，只有三个表或者三个div就足够了。extjs呢？事实上，extjs总是很简单。为了显示数据，使用网格组件、查询按钮、按钮组件、查询条件和文本格式。但是，如果你把添加按钮和查询搜索条件放在一个tbar上，就可以了，至少功能实现了。但一切都是为了客户，而最明显的行为就是把用户当成傻子，以及所有像傻子一样的操作。例如，愚蠢的相机和愚蠢的加载系统不是很受欢迎。那么，为了信、达、雅，如何把执行按钮和查询搜索条件分别放在两个tbar上呢？网上有一个代码给网格增加了两个tbar。对于赶时间的新人，我有一个简单的方法可以实现信、达：最简单的方法就是用听者倾听者。首先，将执行按钮(如添加按钮)放在面板附带的tbar上。第二，自定义工具栏，把查询和搜索条件放在上面。第三，自定义工具栏监控面板附带的tbar[即第二个监控第一个]代码如下：复制的代码如下： tbar 3360 newext . toolbar({ items :['-']})。//在按钮工具栏下编写查询工具栏，listeners 3360 { render 3360 function(){ querybar . render . }//我们项目的主要代码如下：mng user . panel=new ext . panel({ id : ' mng menu div '，title:' user management '，region:' center '，layout3360' fit '，style: ' padding 33603px'。body border: true，border: true，items: _ grid，tbar:newext。工具栏({items: ['-']})，//在按钮工具栏监听器3360 { render 3360 function(){ query bar }下编写查询工具栏。渲染。} } });mng user . body=Ext . Ext(Ext。视口，{ layout : 'border '，init component : function(){ this . content=mnguser . panel；menuOpt(this . content)；//添加执行按钮ext。apply (this，{items: [this。内容]})；mnguser . body . super class . init component . call(this)；} });效果如下：。