今天用了一下Ext.ux.form.lovCombo控件,根据博客里提供的好多知识点,和实例代码,搞了一下午总算是搞定了,在此过程遇到了一下几个问题
1、下拉列表选择以后,收起下拉列表以后,选择的值就不见了
博客里有相关的文章
http://atian25.iteye.com/blog/433901
但是后来我看了示例代码
http://lovcombo.extjs.eu/
在自己用的时候只要下面这段代码别忘写了,就不会存在问题1了
//重写combo的方法beforeBlur
Ext.override(Ext.ux.form.LovCombo, {
beforeBlur: Ext.emptyFn
});
大家可以试验
2、下拉列表可以下拉,但是就是不显示复选框
这个主要原因是Ext.ux.form.lovComb.css文件里的图片路径
和引用文件的路径没有配置正确
仔细配置就没问题了
.ux-lovcombo-icon-checked {
background: transparent url("../ext/resources/images/default/menu/checked.gif");
}
.ux-lovcombo-icon-unchecked {
background: transparent url("../ext/resources/images/default/menu/unchecked.gif");
}
<link rel="stylesheet" type="text/css" href="../resources/css3/lovcombo.css"/>
3、下拉看不见数据,用上面示例代码例子没有屏蔽的那个数据,就是不显示,换成了屏蔽的那个就可以了,具体原因不清楚,这里关键是这两个属性
valueField:'vkey',
displayField:'vdesc',
写的不好,需要的可以看看。这个控件使用的频率还是比较搞的,有时间,写个样式,吧下拉列表横排和竖排结合一下,知道的朋友可以跟帖写出呀!
比较全面的文章可以参看
http://www.iteye.com/topic/447342
http://lovcombo.extjs.eu/
http://www.iteye.com/topic/376729
http://www.iteye.com/topic/340900
分享到:
相关推荐
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
The class is ready for i18n, override the Ext.ux.UploadDialog.Dialog.prototype.i18n object with your language strings, or just pass i18n object in config. Server side handler. The files in the queue...
Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel...12、Ext.ux.form.field.TinyMCE 13、Ext.ux.form.field.Grid 主页:https://github.com/harrydeluxe/extjs-ux 注明:在Extjs4.1上是可以使用的,Extjs4.2部分会有问题。
Ext.ux.tree.treegrid异步加载,点击节点加载数据
基于Ext Core的包含校验功能的表单提交扩展Ext.ux.submit
ext.ux.uploadDialog实例
EXTjs的上传组件
Ext.ux.UploadDialog批量上传文件应用,后台采用com.jspsmart.upload.SmartUpload。myeclipse工程,导入即可运行。
[Ext 3.x + Ext 2.x] 下拉树 Ext.ux.ComboBoxTree
Ext+SwfUpload做的一个多文件上传的插件.
带复选框的这是经过测试可以用的下拉树
在做文件上传的时候,发现了Ext.ux.UploadDialog这个强大的东西,实现了一下
工程文件 博文链接:https://mutongwu.iteye.com/blog/693692
这个文件是重写ext的ColorPickerFieldPlus控件,实现自定义调色,和ps取颜色一样,比Ext自带的颜色多很多,是自己可以调的
Extjs4实现的Ext.ux.form.TinyMCETextArea html580 inyMCETextArea
可以进行多选的带checkbox的combobox,大家运行一下就知道了。 本次修正了在combox的displayfield和valuefield不一致时会产生的错误
Ext.ux.GoogleChart extjs插件Ext.ux.GoogleChart extjs插件
ext.ux.menu.storemenu.zip