form1

    Ext.onReady(function() {
        store=new Ext.data.JsonStore({        //接收数据格式应该为:[{sty_id:"...",sty_stype:"...."},{sty_id:"....",sty_stype:"..."},....,{}]
            url:'get.php',
            data:[],
            fields:[
                {name:'sty_id'},
                {name:'sty_stype'}
            ]
        });

        function send_checkboxvalue(){
            var arr=[];//创建一个数组 
            var cks = proform.findByType('checkbox');  //通过findByType获取对象checkbox
            for(var i=0;i<cks.length;i++){  
             var ck = cks[i];  
             if(ck.checked){  
                 arr.push(ck.inputValue);        //这里值的是sty_id
             }  
               }; 
            Ext.Ajax.request({
                   url: 'get.php',
                   method: "post",
                   success: function() {Ext.Msg.alert("提示","注册成功");},
                   failure: function(){Ext.Msg.alert("提示","向后台发送数据错误,请重新检查服务器!");},
                   params:Ext.encode(arr) 
            });
        }

        proform = new Ext.FormPanel({
            title:"<font size=2>动态显示</font>",
            id:'form',
            height:400,
            layout:'absolute',//这里用的是绝对位置,方便布局
            labelWidth:400,
            width:600,
            frame:true,
            items:[
                {xtype:'button',
                name:'btn',
                x:150,
                y:50,
                text:'<font size=2>点击发送checkbox的值(inputvalue)</font>',
                handler:function(){send_checkboxvalue();}
                }
            ]
        });

        store.on("load",function(){        //加载完后执行函数
            var size = store.getTotalCount();
            // 获得通过Ext.FormPanel的id获取组件,并返回form
            var form= Ext.getCmp("form");

            for(var i=0;i<size;i++){
                var sty_id = store.getAt(i).get("sty_id");
                var sty_stype = store.getAt(i).get("sty_stype");
                
                var _x=15+(i%2)*80;
                var _y=40+(i-i%2)*30;
                var check_box = new Ext.form.Checkbox({    
                    id:"sty_id"+i,
                    x:_x,
                    y:_y,
                    name:"sty_stype"+i,
                    boxLabel : store.getAt(i).get("sty_stype"),  
                    //labelSeparator:"",  // 当没有标题时,不要 “:” 号,不要标题分隔                    
                    inputValue :store.getAt(i).get("sty_id") 
                }); 
                form.add(check_box); //form添加一个check_box,然后返回
            };
            proform.render('formpanel');
        })
        store.load();
    })

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值