关于Ext.ux.form.lovCombo应用的注意事项

今天用了一下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

评论

1 楼 zj445866856 2013-05-27