ext高手请帮忙 我想做一个根据combobox的值生成下一个组件 比如选择按姓名查询 则生成文本框 选择按性别查询则生成选项为男和女的下拉框 求帮忙

 var selectType1 = [["innum","按请款单号查询"],["incontract","按所属po查询"],["ccompany","按合作公司查询"],["intime","按发出时间查询"],["instatus","按是否回款查询"]];
 var sele = new Ext.form.ComboBox({
   store:new Ext.data.SimpleStore({
   fields:["value","text"],
   data:selectType1
   }),
   width:200,
   fieldLabel:"查询条件类型",
   displayField:"text",
   valueField:"value",
   mode:"local",
   triggerAction:"all",
   readOnly:false,
   emptyText:"请选择查询条件类型"
   });
因为查询条件不同下一个组件是根据sele的值生成的   偶实在写不出来 求帮助。

解决方案 »

  1.   

    Ext.onReady(function() {
        var selectType1 = [["1", "生成textfield"], ["2", "生成Cmobo"]];
        var sele = new Ext.form.ComboBox({
            store: new Ext.data.SimpleStore({
                fields: ["value", "text"],
                data: selectType1
            }),
            width: 200,
            renderTo: document.body,
            fieldLabel: "查询条件类型",
            displayField: "text",
            valueField: "value",
            mode: "local",
            triggerAction: "all",
            readOnly: false,
            emptyText: "请选择查询条件类型",
            listeners: {
                select: function(cbo, rs, index) {
                    if (index == 0) {
                        var txt = new Ext.form.TextField({
                            fieldLabel: "生成的textfield", width: 200, renderTo: "txtDiv", emptyText: "生成的textfield"
                        });
                    } else {
                        var sele = new Ext.form.ComboBox({
                            store: new Ext.data.SimpleStore({
                                fields: ["value", "text"],
                                data: [[1,"男"],[0,"女"]]
                            }),
                            width: 200,
                            renderTo: "sexDiv",
                            fieldLabel: "性别",
                            displayField: "text",
                            valueField: "value",
                            mode: "local",
                            triggerAction: "all",
                            readOnly: false,
                            emptyText: "请选择性别"
                        })
                    }
                }
            }
        });
    });
    [code=HTML]
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <link href="../Ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />    <script src="../Ext/adapter/ext/ext-base.js" type="text/javascript"></script>    <script src="../Ext/ext-all.js" type="text/javascript"></script>    <script src="test.js" type="text/javascript"></script></head>
    <body>
    <div id="selectDiv"></div>
    <div id="txtDiv"></div>
    <div id="sexDiv"></div>
    </body>
    </html>         [/code]
      

  2.   

    谢谢。。 不过捏  偶还想把它放到FormPanel里的某个特定位置 就是说生成的这行组件是插入panel里面的 。  还是非常感谢啊