本人Ext新手,有这么个需求:
用表单提交数据,现在用的输入的方式实现的,如下
Model = new Ext.form.TextField( {
id : 'model',
fieldLabel : '加密方式'
});
因为我只想让用户输入:无加密(对应值no)、Wep加密(对应值wep)两种,所以想用类似于select的下拉框来控制输入,请问怎么实现?
我第一次使用,请把代码帮我写下,谢谢了。人在线等,调试过给分!

解决方案 »

  1.   

    为什么不直接用select?或者Ext.form.ComboBox?
      

  2.   

    var modelCombo = new Ext.form.ComboBox({
    fieldLabel : '监控类别', store : new Ext.data.SimpleStore({ fields : ['typeInfo', 'type'], data : [['无加密', 'NO'], ['加密', 'YES']]
    }),
    value : '',
    readOnly : true,
    valueField : 'type',
    displayField : 'typeInfo',
    mode : 'local',
    triggerAction : 'all',
    readOnly : true,
    name : 'type',
    id : 'type',
    anchor : '95%'
    });
      

  3.   


    <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
    <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="extjs/ext-all.js"></script>
    <script>
    Ext.onReady(function(){
    oForm = new Ext.FormPanel({
    renderTo:"form_panel",
    layout:"form",
    hideLabels:false,
    border:false,
    labelAlign:"right",
    labelWidth:150,
    standardSubmit:true,
    method:'POST',
    monitorValid:true,
    onSubmit: Ext.emptyFn,
            submit: function(){
             with(this.getForm().getEl().dom){
             action = 'xxxx.do';
                 submit();
                }
            },
    items:[
    {fieldLabel:"加密方式",xtype:"combo",store:[['no', '无加密'],['wep','Wep加密']],editable:false,hiddenName:'crypt',forceSelection:true,mode:'local',triggerAction:'all',value:'no'}
    ],
    buttonAlign:'left',
    buttons:[
    {xtype:"button",text:"设置",formBind:true,handler:function(){oForm.submit();}}
    ]
    });
    });
    </script>
    <div id="form_panel"></div>
      

  4.   

    搞定了,跟大家分享下:
    algFileH323 = new Ext.form.ComboBox( {
    store:isOpenStore, //数据源
    emptyText: '请选择',
    readOnly : true,
    mode: 'local',//本地数据,不去后台加载
    valueField: 'value',
    displayField: 'text',
    id : 'fileH323',
    fieldLabel : 'H323开关'
    });var isOpenStore = new Ext.data.SimpleStore({
    fields : ['value','text'],
    data : isOpenDate
    });
    var isOpenDate = [
    ['true','开'],
    ['false','关']
    ];
    主要就是用的3楼的思想!
      

  5.   

    Ext.get("fileH323").getValue()
    有点小问题还,我调用如上代码时候,当我在页面选了“开”,那我应该得到的value是"true"才对,为什么得到的还是开?而不是我想要得结果呢?