`
kakarot_java
  • 浏览: 163685 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ext comboBox 设置 displayFiled

EXT 
阅读更多
var zhishi = new Ext.form.ComboBox({
fieldLabel : '制式',
name : 'system',
emptyText:'请选择...',
readOnly : true,
valueField :'systemId',
displayField : 'systemLcName',
mode : 'local', // 必须

//triggerAction : 'all',
width : 140,
store : new Ext.data.Store({
autoLoad : true,
proxy : new Ext.data.HttpProxy({
url : 'ruleOper.do?action=getAllSystem',
method : "post"
}),
reader : new Ext.data.JsonReader({
root : 'list',
id : 'systemId'
}, [{
name : 'systemId'
}, {
name : 'systemLcName'
}])
})
});
zhishi.store.on('load',function(store,record,opts){   
   
var myvalue= record[0].data.systemId;//这种方法也可以获得第一项的值systemId,systemLcName都是reader 得
  var myrawvalue=record[0].data.systemLcName;
  zhishi.setValue(myvalue);
  zhishi.setRawValue(myrawvalue);
  });   





分享到:
评论

相关推荐

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

    1. **配置多选**:通过设置`multiSelect: true`属性,可以让ComboBox支持多选模式。用户可以通过Ctrl或Shift键进行多选。 2. **实时搜索**:实现搜索功能需要监听ComboBox的`keyup`事件,并在此事件处理器中应用...

    ext combobox二级联动

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

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

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

    Ext ComboboxGrid

    7. **使用和配置**:在实际项目中,我们需要知道如何引入和配置ComboboxGrid,包括设置数据源、定义列模型、指定搜索条件等。这通常涉及到创建Store、定义ColumnModel、配置ComboBox和Grid的相关属性。 8. **性能...

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

    本篇我们将深入探讨“Ext comboBox的remote模式”及其联想功能的实现。 在Ext JS的comboBox中,远程模式(remote mode)是一种数据加载策略,它适用于处理大量数据或实时数据的情况。在这种模式下,comboBox不会一...

    Ext ComBobox 附带完整附件

    Ext ComBobox是一款基于JavaScript库Ext JS开发的下拉组合框组件,它为用户界面提供了一种高效、灵活且功能丰富的选择输入方式。这个组件通常用于在网页应用中实现复杂的数据选择,比如从一个长列表中选取一项或者...

    combobox设置默认选项

    ZK中combobox的设置,combobox默认选项的设置,

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

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

    Ext组合框comboBox带分页

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

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

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

    extjs的ComboBox 2级联动

    3. **创建ComboBox**:定义两个ComboBox,设置它们的store、displayField和valueField。 ```javascript var provinceComboBox = Ext.create('Ext.form.ComboBox', { store: provincesStore, displayField: 'name',...

    Ext 组合框 ComboBox 参数详解

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

    Ext带图标Combobox

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

    EXT2_combobox_form.rar_combobox ext_ext

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

    ExtJS Combobox二级联动列子

    3. 设置联动:在一级Combobox的`select`事件中,获取选中的值,然后根据这个值动态更新二级Combobox的Store。 4. 渲染界面:将Combobox添加到面板或窗口中,展示给用户。 四、示例代码 这里我们以一个简单的省份和...

    ext combobox动态加载数据库数据(附前后台)

    前台: 代码如下: var provinceStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: basePath + “/stationManage/station... //选择省市 var provinceIDadd = new Ext.form.ComboBox({ anchor : ‘98%

Global site tag (gtag.js) - Google Analytics