今天用了一下Ext.ux.form.lovCombo控件,根据博客里提供的好多知识点,和实例代码,搞了一下午总算是搞定了,在此过程遇到了一下几个问题
1、下拉列表选择以后,收起下拉列表以后,选择的值就不见了
博客里有相关的文章[url]http://atian25.iteye.com/blog/433901[/url]
但是后来我看了示例代码[url]http://lovcombo.extjs.eu/[/url]
在自己用的时候只要下面这段代码别忘写了,就不会存在问题1了
大家可以试验
2、下拉列表可以下拉,但是就是不显示复选框
这个主要原因是Ext.ux.form.lovComb.css文件里的图片路径
和引用文件的路径没有配置正确
仔细配置就没问题了
3、下拉看不见数据,用上面示例代码例子没有屏蔽的那个数据,就是不显示,换成了屏蔽的那个就可以了,具体原因不清楚,这里关键是这两个属性
写的不好,需要的可以看看。这个控件使用的频率还是比较搞的,有时间,写个样式,吧下拉列表横排和竖排结合一下,知道的朋友可以跟帖写出呀!
比较全面的文章可以参看[url]http://www.iteye.com/topic/447342[/url]
[url]http://lovcombo.extjs.eu/[/url]
[url]http://www.iteye.com/topic/376729[/url]
[url]http://www.iteye.com/topic/340900[/url]
1、下拉列表选择以后,收起下拉列表以后,选择的值就不见了
博客里有相关的文章[url]http://atian25.iteye.com/blog/433901[/url]
但是后来我看了示例代码[url]http://lovcombo.extjs.eu/[/url]
在自己用的时候只要下面这段代码别忘写了,就不会存在问题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',
写的不好,需要的可以看看。这个控件使用的频率还是比较搞的,有时间,写个样式,吧下拉列表横排和竖排结合一下,知道的朋友可以跟帖写出呀!
比较全面的文章可以参看[url]http://www.iteye.com/topic/447342[/url]
[url]http://lovcombo.extjs.eu/[/url]
[url]http://www.iteye.com/topic/376729[/url]
[url]http://www.iteye.com/topic/340900[/url]