`
phoenixfu
  • 浏览: 96956 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

关于ComboBox的点滴

EXT 
阅读更多
分享我在做ComboBox时遇到的点滴问题及经验:一些属性,方法肤浅的理解和使用
sotre,id,name,hiddenName,valueField,displayField,
baseParams,getRowValue(),getValue()


xtype:'combo',
id:'comboId',//combo控件的id
name:'comboName'//combo的name啦
mode:'local',//这里,并不是说通过HttpProxy去访问得到数据就设置remote的.反而,这里设置了remote 读不到数据了...囧
triggerAction:'all',
valueField : 'id',//这里的id
displayField:'text',//和这里的text,要和下面的 fields对应...
hiddenName:'hidName',//这个值很重要..
store:new Ext.data.JsonStore({
    id:'i_am_jsonstore',
    proxy:new Ext.data.HttpProxy({url:""}),
	baseParams:'',//这里可以写 'aid=520' 也可以写{'aid':520}
         fields:['id','text'],//我理解就是,给store里的数据规定格式和需要的字段.规定了字段,就方便读取了 这里是参数的形式存在,可以是abc,def
   	autoLoad:true,//设置了,渲染combobox时就会load...
}),
listeners:{	   				    
    'select' : function(_combo, _record, _index){
	alert(_combo.getRawValue());//对应的就是displayField指向的值
	alert(_combo.getValue());//对应的就是valueField指向的值
           alert(_combo.store.id);//弹出i_am_jsonstore,在API里面,是没有getStore()的方法的,但它却能直接点出来...囧
           alert("id="_record.get('id')+" text="+_record.get('text'));//这个时候,id和text的作用就出来了
    }
}


JsonStore的数据格式是 [{'id':1,'text':'小明'},{'id':2,'text':'小红'}]
如果是SimStore的数据格式是[['1','小明'],['2','小红']];

当选择了第一条记录,在提交之后,在request可以看到
comboName:小明
hidName:1

请各位指正,并不断更新...
分享到:
评论

相关推荐

    VC++ 学习点滴,自己学习VC的点滴理解

    在VC++的学习过程中,了解和掌握这些点滴知识是非常重要的,它们涵盖了从基本语法到MFC框架的使用,以及面向对象编程的原则。以下是对这些知识点的详细说明: 1. **组合框数据输入**:在VC++中,当你在组合框...

    Ext点滴

    标题“Ext点滴”可能指的是对Ext JS框架的深入理解和应用分享。Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了丰富的组件库,包括数据绑定、模型、视图、控制器等概念,帮助开发者构建...

    wpf源码大全 精通C#3.0图书源码 详细源码 学习好用

    SimpleComboBox示例 使用ComboBox的简单示例。 SliderDemo Slider控件使用示例 TextBlockDemo TextBlock控件使用示例 ToolTip ToolTip控件使用示例 第14章(\C14) 示例描述:本章学习WPF的窗口...

    jquery培训文档

    <div id="cb" class="easyui-combobox" data-options="valueField:'id',textField:'name',data:[{id:'1',name:'Jack'},{id:'2',name:'Mike'}]"> ``` ##### 参数 - **width**:组合框的宽度。 - **data**:数据源...

    孙宇syutils

    $.fn.combobox.defaults.onLoadError = easyuiErrorFunction; $.fn.form.defaults.onLoadError = easyuiErrorFunction; ``` #### 功能说明 这段代码统一处理了多种EasyUI组件(如数据网格、树形网格等)在加载数据...

Global site tag (gtag.js) - Google Analytics