ExtJS高级应用:ExtJS类ComboBox效果
ExtJS学习之旅:目录
上一篇: 下一篇:
ComboBox的效果很不错,扩展了TriggerField打造一个可以包装任意Ext.Component对象的ComboBox效果:
测试页面
svn checkout http://cms4g.googlecode.com/svn/trunk/gae cms4g-read-only
原理:参考DateField,DateField利用了DateMenu,记得Menu原来有一个AdapterMenu,v3.2.0版本里面没有,不过可以直接使用 Menu 的items就可以了!
onTriggerClick : function(){
if (this.disabled || !this.content) return;
if (!this.menu) {
this.menu = new Ext.menu.Menu({width: this.getWidth(), plain: true, items: [this.content]});
this.content = this.menu.getComponent(0);
this.content.on('selectionchange', this.selectionchange, this);
}
this.menu.show(this.getEl(), 'tl-bl?');
this.content.selectCombo(this, this.value);
}
然后剩下的就是content需要提供即可方法:
- selectCombo 根据字段值 标记合适的元素为选择
- getCombo根据字段值 获取元素对象{id: '用于getValue()返回', text: '用于显示'}
- selectionchange(contentValue) 当选择的元素发生改变时需要content触发一个事件‘selectionchange‘
通过此扩展可以做任何TriggerField的东西了^ ^
分享到:
相关推荐
extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显extjs editgrid combobox 回显
extjs4 ComboBox 点击下拉框 出现grid效果 这里只实现了点击下拉框显示gird,点击其他地方grid自动消失
EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf
extJs4 ComboBox 代码组合框实例,ComboBox 各个主要参数详细解释
extjs 自动补全,模拟下拉列表combobox
NULL 博文链接:https://wwwzhouhui.iteye.com/blog/701745
该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能
extjs的combobox功能很强大,通过它可以模糊查询,只要添加几个属性即可,网上找的代码有的不符合我的要求。 所以自己改了一些代码。
Extjs4 API文档阅读(一)——类系统(Class System) Extjs4 API文档阅读(三)——布局和容器 Extjs4 API文档阅读(二)——MVC构架(上) Extjs4 API文档阅读(二)——MVC构架(下) Extjs4 API文档阅读(四)——Data ...
代码看起来简洁又漂亮是如何做到的,这篇文章主要为大家详细介绍了Extjs如何让combobox写起来更简单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
很多网友在问,Extjs4.0 ComboBox如何实现,好在之前用3.x实现过一个三级联动,如今用Extjs4.0来实现同样的联动效果。其中注意的一点就是,3.x中的model:’local’在Extjs4.0中用queryMode: ‘local’来表示,而且在...
NULL 博文链接:https://dengli19881102.iteye.com/blog/1046190
开始ExtJs梦想之旅 第三讲.ExtJS工具栏、菜单栏 第四讲.ExtJS最常用的表单之textfield控件 第五讲.ExtJs最常用表单组件Number、CheckBox、Radio 第六讲.ExtJs最常用表单组件ComboBox、time、date 第七讲.ExtJS...
Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选, 附源码。 修复不能多选问题,代码仅供参考
6. ExtJs2.0学习系列(6)--Ext.FormPanel之第三式(ComboBox篇) 7. ExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇) 8. ExtJs2.0学习系列(8)--Ext.FormPanel之第五式(综合篇) 9. ExtJs2.0学习系列(9)--...
当需要为ComboBox加载数据后进行赋初始选中项的话,如果是写在store.load()之后
2、开始ExtJs梦想之旅# n8 }: ~+ d4 X+ V1 c 3、ExtJS工具栏、菜单栏0 Q' y0 E. y E 4、ExtJS最常用的表单之textfield控件4 |4 ]8 ~/ d3 Y& k# X 5、ExtJs最常用表单组件Number、CheckBox、Radio* s, r% ~+ k; y# W ...