`
chun521521
  • 浏览: 284269 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

Ext.form.ComboBox默认选中

    博客分类:
  • ext
 
阅读更多

1.静态数据

var data1 = [];//静态数据

var combo1 = new Ext.form.ComboBox({
   store: new Ext.data.SimpleStore({
     fields: ['id','name'],  data: [],
     listeners: {
      load: function(store, records, options){
       if(records.length > 0){
       combo1.setValue(records[0].get(combo1.valueField));
      }
      }
     }
    }),
    displayField: 'name',valueField: 'id',mode: 'local',width:'200',
    hiddenName:'bean.proType',fieldLabel: '类别',allowBlank: false,
   editable: false,hideTrigger:false,selectOnFocus: true,triggerAction: 'all'
     });

combo1.getStore().loadData(data1);

 

2.动态数据

var combo2 = new Ext.form.ComboBox({
   store: new Ext.data.SimpleStore({
     fields: ['id','name'],autoLoad:true,
    proxy: new Ext.data.HttpProxy({ url: 'app/listRebate4Combo.do' }),
    listeners: {
     load: function (store,records,options){
      if(records.length > 0){
       combo2.setValue(records[0].get(combo2.valueField));
      }
     }
    }
    }),
    displayField: 'name',valueField: 'id',mode: 'local',width:'200',
    hiddenName:'bean.isSale',fieldLabel: '折扣',
   editable: false,hideTrigger:false,selectOnFocus: true,triggerAction: 'all'
     });

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    Ext.form表单中各种属性应用详解

    **Ext.form.ComboBox** 是一个下拉列表框组件,用于提供可选列表供用户选择。 - **allQuery**: 类型为 `String`,当用户在组合框中输入时,此属性定义所有匹配的项都将显示在列表中。 - **autoCreate**: 类型为 `...

    ext多选下拉列表的全选功能实现

    默认情况下,ComboBox只允许用户选择一个值,而MultiComboBox则允许用户选择多个值,这些值通常以复选框的形式展示。 要实现全选功能,我们需要考虑以下关键步骤: 1. **配置MultiComboBox**:在创建MultiComboBox...

    extjs帮助文档pdf版

    - `Ext.EventObject.stopEvent()`: 同时阻止默认行为和事件冒泡。 #### 13. Ext.CompositeElement 类 (P.16) - **概述**:提供了操作一组DOM元素的方法。 - **常用方法**: - `Ext.CompositeElement.add(elements...

    ext的扩展控件之IconComboBox

    IconComboBox的核心是EXT.form.Combobox,它是EXT JS中用于创建下拉列表的组件。我们首先需要创建一个新的类,继承自EXT.form.field.ComboBox,并在其基础上添加我们所需的新功能。这通常包括定义新的配置选项、重写...

    ExtJS PropertyGrid中使用Combobox选择值问题

    `beforepropertychange`事件在用户尝试修改属性值之前触发,我们可以在这个时机拦截该事件,将 Combobox 选择的 displayField 值设置到对应的记录中,然后返回 `false` 来阻止默认的修改行为,防止 valueField 的值...

    基于EXT2.2的下拉复选框

    在EXT2.2中,下拉复选框通常通过`Ext.form.ComboBox`类来实现,但默认情况下,ComboBox只支持单选。为了实现复选功能,开发者可能需要自定义或者使用第三方插件,例如`Ext.mm.MultSelect.js`。 `Ext.mm.MultSelect....

    Ext多选下拉框

    首先,Ext多选下拉框是基于Ext.form.field.ComboBox构建的,通过扩展其默认行为来支持多选。它通常包含一个可输入的文本字段和一个下拉列表,用户可以从中选择多个选项。在创建多选下拉框时,我们需要设置`...

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

    var comboBox = Ext.create('Ext.form.field.ComboBox', { fieldLabel: '选择项', store: { type: 'ajax', // 使用Ajax proxy proxy: { type: 'ajax', url: 'your_server_url', // 服务器端接口URL reader: {...

    Extjs中ComboBoxTree实现的下拉框树效果(自写)

    在案例中,`Ext.ux.TreeCombo` 是基于 `Ext.form.ComboBox` 进行扩展的,目的是实现一个包含树形结构的下拉框。 2. **Ext.ux.TreeCombo**: 这是一个自定义组件,它结合了ComboBox和TreePanel的特性。它继承了...

    Ext与后台数据库交互

    ### Ext与后台数据库交互知识点详解 #### 一、Ext中常用的类 ...`ComboBox`有一个`name`属性,用于存放显示变量名称,该属性中保存的是选中行的显示值。通过合理配置这些属性,可以实现丰富的下拉列表功能。

    extjs多选下拉框

    Ext.create('Ext.form.field.ComboBox', { multiSelect: true, store: myStore, // 数据存储 displayField: 'name', // 显示字段 valueField: 'id' // 值字段 }); ``` 2. **数据存储**: ComboBox需要一个...

    extjs下拉树

    在ExtJS中,下拉树是通过`Ext.form.field.Tree`类实现的,它继承自`Ext.form.field.ComboBox`,增加了树状结构的功能。`ComboTree.js`可能就是实现了这个功能的JavaScript文件,包含了一些定制化的代码或扩展。 ...

    Ext 开发指南 学习资料

    4.1. 不用ext的form啊,不怕错过有趣的东西吗? 4.2. 慢慢来,先建一个form再说 4.3. 胡乱扫一下输入控件 4.4. 起点高撒,从comboBox往上蹦 4.4.1. 凭空变出个comboBox来。 4.4.2. 把select变成comboBox。 4.4.3. ...

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

    Ext JS的Combobox默认情况下是单选模式,但通过扩展和定制,我们可以让它支持多选。这通常涉及到创建一个新的类,继承自Ext.form.field.ComboBox,并添加额外的配置项和方法来处理多选逻辑。在实现多选时,我们需要...

    extjs控件属性

    4. Ext.form.ComboBox: - displayField:下拉框中显示的字段名。 - editable:是否允许用户编辑输入,默认为true。 - forceSelection:是否强制输入值必须存在于下拉列表中。 - hiddenName:创建隐藏字段的名称...

    Extjs4下拉多选扩展

    要实现下拉多选,我们需要创建一个新的类,继承自Ext.form.field.ComboBox,并添加多选相关的功能。以下是一些关键步骤: 1. **配置项修改**:我们需要设置`multiSelect`配置项为`true`,这将使ComboBox允许选择多...

    extjs4.2 分页combo动态条数 源码

    var comboBox = Ext.create('Ext.form.field.ComboBox', { fieldLabel: '选择项', store: store, queryMode: 'remote', displayField: 'name', // 显示的字段 valueField: 'id' // 值字段 }); ``` 3. **...

    EXT多选COMBO

    在EXTJS中,ComboBox是基于Ext.form.field.ComboBox类创建的,通常用于显示一个可搜索的下拉列表。多选功能则是通过扩展ComboBox的基本行为来实现的。这可能涉及到监听用户的交互事件,如点击或键盘操作,以及处理...

    ext4实现带复选框的多选下拉框

    实现这个功能首先需要了解EXTJS的组件模型,包括`Ext.form.field.ComboBox`基础类。我们需要扩展这个类并添加自定义逻辑,如复选框的渲染、事件处理和数据管理。以下是一些核心步骤: 1. **创建自定义组件**: 定义...

    ext.net安装说明

    它基于 Ext.js 库构建,提供了超过 100 种工具,包括 TextBox、ComboBox、Button、ToolBar、StatusBar、Panel、TabPanel、ExplorerBar、MenuBar、PictureBox 等多种控件,并且支持 Ajax 无刷新效果。这些特性使得 ...

Global site tag (gtag.js) - Google Analytics