当前位置: » 首页 » Extjs 框架 » 基于ExtJS框架的查询组件

基于ExtJS框架的查询组件

项目中导航树上需要实现添加查询树菜单节点的功能,并且导航树上的查询input样式要求为Web上常见的查询input样式,即input右边包含放大镜的图片,并带有默认查询提示,用户输入查询条件通过回车实现查询。
于是本人开始着手开发一个基于ExtJS框架的样式为web上常见查询Input的查询组件。
本组件包含以下几个重点:
1.监听Input标签元素的回车事件,通过配置组件的handler方法,执行回车查询动作。
2.提供doAction方法手动执行查询动作(即调用回车事件的实现方法)。
3.通过组件提供的getValue方法可以获取Input标签的value。
4.提供onDestroy方法,在组件destroy的时候自动调用,有效回收组件的相关内存。
效果如下图:


实现代码如下:

用法示例:

相关的CSS样式代码:

所需图片资源为:

欢迎大家提出宝贵意见!

最受欢迎

基于ExtJS框架的查询组件:目前有1 条留言

  1. robin

    那个 gridpanel中列头合并不能全部填充满,该怎么做呢!

发表评论