码迷,mamicode.com
首页 > Web开发 > 详细

Ext js中CheckBoxGroup的动态绑定

时间:2016-09-23 16:49:51      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:

技术分享
    <script  type="text/jscript">
     var WinXianCode;
    function SearchGetXianLuF(Type)
    {
        if(!WinXianCode)
        {
            //创建窗体框
             WinXianCode=new Ext.Window({
           id:WinXianCode,
           width:700,
           height:600,
           closeAction:hide,
           autoScroll:true,
           model:true,
           items : [
                    new Ext.form.FormPanel({
                        frame:true,
                        defaultType:textfield,
                        id:c-form,
                        labelWidth :40,
                        defaults:{width:700},
                        })
                   ],
           title:报价项目包含不包含项
          });
        }
        QuotedPriceView(Type);
        //弹出窗体
        WinXianCode.show(XianLuCode);
    }
    </script>
    
    
    <script type="text/javascript">

    //报价数据加载
    function QuotedPriceView(Type)
    {
        var QuotedPriceCheckboxItems = [];
        Ext.MessageBox.wait(报价数据正在加载,请稍等...);
        Ext.Ajax.request({  
            url:QuotedPrice.aspx,
            method : post,
            success: function (r) {  
                Ext.MessageBox.hide();
                var data = Ext.decode(r.responseText).QuotedPricelist; 
                if(data.length>0)
                {
                    //获取报价:开始
                    for(var i=0;i<data.length;i++)
                    {
                      QuotedPriceCheckboxItems.push
                      ({
                           id:CheckBox+data[i].name, 
                           name:data[i].name, 
                           boxLabel: data[i].boxLabel,
                           inputValue:data[i].inputValue,
                           listeners:{
                              check:function(el,checked){
                                    var coninter=Ext.getCmp("QuotedPriceS");
                                    if(coninter!=undefined)
                                    {
                                        var inter=coninter.items;
                                        var xq=[];  
                                        for (var i = 0; i < inter.length; i++)  
                                        {  
                                            if (inter!=null && inter.get(i).checked)  
                                            {  
                                                xq.push(inter.get(i).inputValue); 
                                            }  
                                        }  
                                        if(Type==1)
                                        {
                                         //费用包含
                                         Ext.getCmp("ratedetail").setValue(xq.join(\n));
                                        
                                        }
                                        if(Type==2)
                                        {
                                          //费用不包含
                                         Ext.getCmp("ratedetailno").setValue(xq.join(\n));
                                        }
                                    }
                              }
                            }
                      });
                    }
                    //获取报价:结束
                    
                   //定义多选的报价数组:开始
                   var checkGroup = new Ext.form.CheckboxGroup({
                        id:QuotedPriceS,
                        xtype:checkboxgroup,
                        fieldLabel:报价,
                        width:1200,
                        columns:1,
                        items:QuotedPriceCheckboxItems
                        });
                  //定义多选的报价数组:结束
                  
                  //多选的容器:开始
                  var cbp = Ext.getCmp("c-form");
                  cbp.items.add(checkGroup);
                  cbp.show();
                  cbp.doLayout();  
                  //多选的容器:结束
                }
            }  
        });  
    }    
    </script>
View Code

 

 

 

后台返回的json数据:

 

JArray jar = new JArray();
        DataSet db_QuotedPrice = SPBll.Packages.getQuotedPrice();
        foreach (DataRow row in db_QuotedPrice.Tables[0].Rows)
        {
            jar.Add(new JObject(
                new JProperty("name", row["id"].ToString()),
                new JProperty("inputValue", row["cname"].ToString()),
                new JProperty("boxLabel", row["cname"].ToString())
                ));
        }
        Response.Write(new JObject(new JProperty("QuotedPricelist", jar)));

 

Ext js中CheckBoxGroup的动态绑定

标签:

原文地址:http://www.cnblogs.com/ly77461/p/5900197.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!