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

ext2 的combobox的使用

阅读更多

用一个combobox来选取用户的登录角色

json数据的格式是这样的 id:xx,name:xx

js 代码
 
  1. //===========================combox数据读取=================================   
  2.  var RecordDef = Ext.data.Record.create([   
  3.        {name: 'id'},{name: 'name'}                  
  4.    ]);   
  5.   var dataStore=new Ext.data.Store({   
  6. /设定读取的地址,这里是个action,参数是username也就是用户的id   
  7.        
  8.       proxy: new Ext.data.HttpProxy({url: '../getUserRole.do?&userid='+username}),   
  9. /设定读取的格式   
  10.   
  11.        reader: new Ext.data.JsonReader({   
  12.           id:"id"  
  13.        }, RecordDef),   
  14.   
  15.        remoteSort: true  
  16. });   
  17.    dataStore.load();  

这样就定义好了数据源

接下来做一个combobox:

js 代码
 
  1. var comboxrole= new Ext.form.ComboBox({   
  2.         id:'comboxrole',   
  3.         fieldLabel: '登录角色,   
  4.        store: dataStore,   
  5.        displayField:'name',   
  6.        valueField:'id',   
  7.        typeAhead: true,   
  8.        mode: 'local',   
  9.        triggerAction: 'all',   
  10.        emptyText:'请选择登录角色...',   
  11.        selectOnFocus:true,   
  12.        resizable:true  
  13.    });    
  14.    comboxrole.on('select',comboselect,this);  

comboselect是选取数据后触发的事件,想怎么写就怎么写了,代码和图就不贴了

分享到:
评论
2 楼 czpae86 2008-12-23  
1 楼 yangxuesong 2007-11-14  
取不出来数据啊!!!
下拉框是空的……

相关推荐

    用Ext 2.0 combobox 做的省份和城市联动选择框的例程

    在本文中,我们将深入探讨如何使用Ext 2.0的ComboBox组件实现省份和城市联动选择框的功能。Ext是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到...

    Ext combobox 下拉多选框带搜索功能

    2. **实时搜索**:实现搜索功能需要监听ComboBox的`keyup`事件,并在此事件处理器中应用过滤逻辑。过滤函数通常会比较用户输入的文本与列表项的显示文本,只显示匹配的项。 3. **数据源**:ComboBox的数据源可以是...

    ext combobox二级联动

    ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...

    EXT2_combobox_form.rar_combobox ext_ext

    EXT2_combobox_form.rar_combobox ext_ext 这个标题暗示我们关注的是一个与EXT2相关的项目,其中包含了关于form表单和combobox的示例。EXT是一个流行的JavaScript库,主要用于构建富客户端应用,特别是Web应用的用户...

    Ext4.0 动态修改ComboBox选择项(本地模式)

    本知识点主要聚焦于如何在Ext4.0框架下动态修改ComboBox的选择项,特别是在本地模式下进行操作。Ext4.0是Sencha Ext JS的一个版本,它提供了一个强大的JavaScript组件库,用于构建富客户端应用程序。 首先,...

    Ext组合框comboBox带分页

    用EXT来实现下拉框ComboBox 下拉框可以实现分页

    Ext comboBox的remote模式,联想功能实现

    2. **displayField**:定义显示在comboBox输入框中的字段名。当从服务器返回数据时,这个字段的值将作为用户看到的文本。 3. **valueField**:定义选中项对应的值字段,用于保存用户选择的值。 4. **queryMode**:...

    Ext ComboboxGrid

    2. **ComboBox组件**:Ext JS中的ComboBox是一个可下拉的输入框,可以预设选项或者动态加载数据。它具有自动完成、过滤等功能,用户可以根据输入的关键字快速找到匹配项。 3. **Grid组件**:Grid是Ext JS中用于展示...

    Ext带图标Combobox

    而"Ext带图标Combobox"(Ext IconCombobox)是Ext JS中的一个特色组件,它是Combobox(下拉框)与图标相结合的一种扩展形式,为用户提供了更加直观且美观的交互体验。 **1. Ext Combobox基础** 首先,我们需要了解...

    Ext 组合框 ComboBox 参数详解

    该资源是war包,里面包括ComboBox中的各个参数, 详细讲解在我的文档中有

    extjs的ComboBox 2级联动

    2. **创建数据存储**:为每个ComboBox创建相应的store,加载数据。省份store应包含所有省份数据,城市store初始为空,但在一级选择变化时会被填充。 ```javascript var provincesStore = Ext.create('Ext.data.Store...

    Ext2.0本地模式动态修改combobox选择项

    标题中的“Ext2.0本地模式动态修改combobox选择项”指的是使用Ext JS 2.0框架中的Combobox组件在本地数据模式下实现动态更新选择项的功能。Ext JS是一个流行的JavaScript库,主要用于构建富客户端Web应用程序。...

    combobox Ext之扩展组件多选下拉框

    - `store`:用于存储下拉选项的数据源,可以是数组或Ext.data.Store对象。 2. **多选事件处理**: - `select`事件:在多选模式下,当用户添加或移除选项时,这个事件会被触发。我们需要监听此事件来处理值的改变...

    Ext ComBobox 附带完整附件

    2. **数据绑定**:Ext JS支持数据绑定,这意味着ComBobox的选项可以直接与后台数据源关联,当数据源发生变化时,组合框会自动更新,反之亦然。 3. **模板和渲染**:DmaComboBox.js可能包含了自定义的模板和渲染逻辑...

    用Ext 2_0 combobox 做的省份和城市联动选择框 DOJO中国

    在本案例中,“用Ext 2_0 combobox 做的省份和城市联动选择框”是一种交互式UI设计,常用于地理信息的选择,例如用户先选择省份,然后根据所选省份动态加载对应的城市选项。 Ext 2.0的Combobox组件主要包含以下几个...

    Ext->editgrid+combobox

    Ext中的Combobox下来框在EditGrid中的应用。Combobox显示值问题得以解决。

    Ext.form.field.ComboBox结合Java、JSON实现AutoComplete

    本示例探讨如何利用Ext JS中的`Ext.form.field.ComboBox`组件,结合Java后端和JSON数据格式,来创建这样一个功能。 `Ext.form.field.ComboBox`是Ext JS框架中一个强大的组件,它提供了下拉列表的功能,可以用于创建...

Global site tag (gtag.js) - Google Analytics