extjs两个tbar问题探讨

编辑：rootadmin

版本：extjs3.4 接触过extjs的同志们都知道每个panel都有一个tbar(top bar 上面工具栏) ,bbar(bottom bar 底部工具栏) 大家做查询页面，一般都是啥样子的？最基本的是一个table，来显示数据。再进一步：添加对数据的操作，比如添加按钮再进一步：一般查询都会有查询条件，查询条件可以快速定位。那对于extjs来说，extjs中封装了很多组件，其中组件的概念很类似于java swing，比如panel，button，component，container等这种东西。对于上述的查询页面，做java开发，相比一点问题都没有，三个table，或三个div即可。那对于extjs呢？其实extjs也灰常简单，显示数据的，使用gird组件，查询按钮，使用button组件，查询条件，文本格式啊，但是若把添加按钮和查询搜索条件放在一个tbar上，这样也可以，至少功能实现了。但是一切都是为客户着想，着想最明显的行为：把用户想成傻瓜，一切傻瓜式操作。比如傻瓜式相机，傻瓜式装系统，不是挺火的啊。那为了信达雅，到底如何把执行按钮和查询搜索条件分别放在两个tbar上呢？网上有一种在grid中添加两个tbar的代码，对于项目着急的新手来说，本人有个简单的做法，一样实现信达雅：最简单的做法是：使用listeners监听器方式。第一：把执行按钮，比如添加按钮，放在panel自带的tbar上。第二：自定义工具栏，在其上放查询搜索条件。第三：自定义工具栏监听panel自带的tbar【即第二监听第一】代码如下：效果如下：

推荐整理分享extjs两个tbar问题探讨，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

Extjs3.0 checkboxGroup 动态添加item实现思路 Extjs3.0中的CheckboxGroup默认不能动态添加item。虽然它继承了Ext.form.Field，但是却类似于容器。CheckboxGroup配置中的items处理生成一个对应的panel，该处理过程

Ext JS 4实现带week(星期)的日期选择控件(实战一) 前言ExtJS3和ExtJS4中都有提供日期选择的组件(当然早期版本也有)。但是有一些日期选择的需求是要看到星期，就是日期中的哪一天是这一年的第几周。遗

Ext JS 4实现带week(星期)的日期选择控件(实战二) 前言JavaScript中的日期和时间ExtJS4实现带week(星期)的日期选择控件(实战一)如对本篇的一些预备知识需详尽了解，可参考以上两篇。Javascript有提供Date对象