使用EXT实现ComboBox多列下拉列表

在C/S的开发中,用户在选择的时候一般会要求提供多列下拉列表,以便更好的参考所选择资料的正确性。但是EXT似乎不支持这个功能。但是可不可以通过其 它方式达到这一效果呢?本人经过一天的尝试,终于达到的相关的效果,唯一美中不足的是,ComboBox在选择后,value和text好象有问题,只能 显示value.好了,不说了,看代码:

Java代码   收藏代码
  1. var createStockDropDown=function(id){  
  2.     var stockname="" ;  
  3.     var itemno="" ;  
  4.     var spec="" ;  
  5.     var innerId="" ;  
  6.     var tpl='<tpl for="."><div style="height:200px"><div id="' +id+ '"></div></div></tpl>'   
  7.     this .StockDropDown =  new  Ext.form.ComboBox({    
  8.     store:new  Ext.data.SimpleStore({fields:[ 'value' , 'text' ],data:[[ '' , '' ]]}),    
  9.     editable:false ,  
  10.     mode: 'local' ,  
  11.     listWidth:450 ,  
  12.     triggerAction:'all' ,   
  13.     maxHeight: 300 ,  
  14.     valueField:'value' ,  
  15.     displayField:'text' ,  
  16.     tpl: tpl,  
  17.     selectedClass:'' ,    
  18.     onSelect:Ext.emptyFn  
  19.     });  
  20.       
  21.     this .StockDropDown.getItemNo=function()  
  22.     {  
  23.         return  itemno;  
  24.     };  
  25.       
  26.     this .StockDropDown.getStockName=function()  
  27.     {  
  28.         return  stockname;  
  29.     };  
  30.     this .StockDropDown.getSpec=function()  
  31.     {  
  32.         return  spec;  
  33.     };  
  34.   
  35.     var StockDropDowncm = new  Ext.grid.ColumnModel([  
  36.         {header:'编号' ,dataIndex: 'id' },  
  37.         {header:'物料编号' ,dataIndex: 'itemno' },  
  38.         {header:'物料名称' ,dataIndex: 'stockname' },  
  39.         {header:'物料规格' ,dataIndex: 'spec' },  
  40.         {header:'单位' ,dataIndex: 'unit' }  
  41.     ]);  
  42.     var StockDropDownds = new  Ext.data.Store({  
  43.         proxy: new  Ext.data.HttpProxy({url:
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值