Ext,ComboBox

本文将介绍如何使用Ext.js库创建ComboBox组件,并通过示例代码展示其配置和基本用法,包括数据源设置、显示字段和值字段定义等。
var data = [
        [1,"郑州"],
        [2,"北京"],
        [3,"上海"]
       ]
       var proxy = new Ext.data.MemoryProxy(data);
       var record = Ext.data.Record.create([
        {name:"cid",type:"int",mapping:0},
        {name:"cname",type:"string",mapping:1}
       ]);
       var reader = new Ext.data.ArrayReader({},record);
       var store = new Ext.data.Store({
        proxy:proxy,
        reader:reader,
        autoLoad:true
       });
       var combo = new Ext.form.ComboBox({
        id:"combo111",
        renderTo:Ext.getBody(),
        triggerAction:"all",
        store:store,
        displayField:"cname",
        valueField:"cid",
        mode:"local",
        emptyText:"请选择"
       });
       //默认选中某一项
       combo.getStore().on("load",function(){
        combo.setValue(2);
       });
       //下面这样是获取不到数据的
       alert(combo.getValue()+"---"+combo.getRawValue());
       var btn = new Ext.Button({
        text:"test",
        renderTo:Ext.getBody(),
        handler:function(){
        //这个可以获取到
        alert(combo.getValue()+"---"+combo.getRawValue());
        }
       });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值