Ext的combobox案例

 Ext.onReady(function(){
        var store = new Ext.data.Store({
                    proxy: new Ext.data.HttpProxy({
                    url: "/Elements",
                    method: "POST"
                    }),
                    reader: new Ext.data.JsonReader({
                    root: ""
                    }, [
                        {name: "id",
                        
                        },
                        {name: "name"}
                        ])
                    });
            store.on("beforeload", function(sto, opt) {
                    sto.baseParams.query = 'Station';
                    sto.baseParams.parentid = 'admin_station';
                    });            
                    
            var stationForm=new Ext.form.FormPanel({
                renderTo:'body',
                labelAlign:'right',
                labelWidth:60,
                title:'配置下发',
                frame:true,
                width:650,
                items:[{
                    layout:'column',
                    items:[{
                        columnWidth:.40,
                        layout:'form',
                        items:[{
                            id:'station_parentid',
                            xtype:'combo',
                            width:150,
                            fieldLabel:'网点名称',
                            emptyText:'请选择网点',
                            name:'parentid',
                            mode: 'remote',
                            typeAhead: true,
                            store: store,//store*/
                            triggerAction: 'all',
                               forceSelection: true,
                            displayField: 'name',
                            hiddenName:'parentid',
                               valueField: 'id',
                            labelSeparator: ':'    
                        },{
                            id:'station_number',
                            name:'number',
                            xtype:'textfield',
                            width:150,
                            emptyText:'请输入柜台编号',
                            fieldLabel:'柜台编号'
                            },{
                            id:'station_name',
                            name:'name',
                            xtype:'textfield',
                            width:150,
                            fieldLabel:'柜台名称 ',
                            emptyText:'请输入柜台名称'
                            }
                        ]
                    }]
                },{
                    width:150,
                    xtype:'textfield',
                    fieldLabel:'地区编号'
                },{
                    width:345,
                    height:100,
                    xtype:'textarea',
                    fieldLabel:'备注'
                },{
                    id:'query',
                    name:'query',
                    xtype:'hidden',
                    value:'Station'
                }],
                buttons:[{
                    text:'提交',
                    handler:stationCommit
                },{
                    text:'取消',
                    handler:stationCancle
                }]
            });
            function stationCommit(){
                var modelName=Ext.getCmp('station_name').getValue();
                var mode=Ext.getCmp('station_parentid').getValue();
                var mode2=Ext.getCmp('query').getValue();
                alert(mode2);
                if (!stationForm.getForm().isValid()) { return; }
                stationForm.getForm().submit({
                    waitMsg:'正在提交,请稍后.....',
                    waitTitle:'提示',
                    url:'/Create',
                    formbind:true,
                    method:'POST',
                    success:function(){
                        Ext.Msg.alert('成功','成功');
                    },
                    failure:function(){
                        stationForm.getForm().reset();
                    }
                });
            };
            function stationCancle(){
                 stationForm.getForm().reset();
            };
        });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值