﻿ function LinkDemo() {
        Ext.QuickTips.init(); 
        //使用表单提示 
        Ext.form.Field.prototype.msgTarget = 'side'; 
        
        //申请链接窗体
        var fp = new Ext.form.FormPanel({   
         buttonAlign:'center',    
         labelAlign:'right',    
         labelWidth:60,
         baseCls: 'x-plain',     
         frame:true,    
         bodyStyle:'padding-top:10px;',    
         items:[{    
             xtype:'textfield',    
             fieldLabel:'网站名称',    
             name:'webName',    
             id:'webName',    
             allowBlank:false,
             blankText:'网站名称不能为空',
             width:150
         },{    
             xtype:'textfield',    
             fieldLabel:'网站地址',    
             name:'webUrl',    
             id:'webUrl',    
             itemCls:'age-field', //向左浮动,处理控件横排    
             allowBlank:false,
             blankText:'网站地址不能为空',
             width:150     
         },{    
             xtype:'textfield',    
             fieldLabel:'联系方式',    
             name:'webTel',    
             id:'webTel',    
             itemCls:'stop-float', //不允许浮动,结束控件横排    
             allowBlank:false,
             blankText:'联系方式不能为空',
             width:150     
               
         }]  
       
     });    

       
        var linkWindow = new Ext.Window
            ({
                id: "linkWindow",
                title: "借款融资网申请链接窗口",
                width: 250,
                height: 200,
                layout:'fit',  //之前提到的布局方式fit，自适应布局
                plain:true, 
                bodyStyle:'padding:1px;', 
                maximizable:false,//最大化 
                collapsible:false,//折叠       
                closable: true,//关闭
			    resizable:false,//不可以随意改变大小
			    draggable:false,//是否可以拖动
			    modal:true,//弹出窗体模态
                items:
                 [
                     
                   fp
                 ],
                buttons:
                 [
                     { xtype: "button", text: "提交",handler:function(){login();}},
                     { xtype: "button", text:"重置", handler:function(){fp.form.reset();}}
                 ]
            });
            
            linkWindow.show();
            
            function login(){
                 if(fp.form.isValid()){  //验证合法后使用加载进度条 
                     Ext.MessageBox.show({ 
                              title: '请稍等', 
                              msg: '正在加载...', 
                              progressText: '', 
                              width:450, 
                              progress:true, 
                              closable:false, 
                              animEl: 'loding' 
                           }); 
                           //控制进度速度 
                           var f = function(v){ 
                            return function(){ 
                                    var i = v/10; 
                                    Ext.MessageBox.updateProgress(i, ''); 
                                    }; 
                           }; 
                           for(var i = 1; i < 11; i++){ 
                              setTimeout(f(i), i*10); 
                           };           
                        Ext.Ajax.request({
                            url: "js/BaveLink.aspx", //请求的地址
                            method:'post', //提交方式
                            params: { 
                                ParamValue: "2",
                                webName:Ext.getCmp("webName").getValue(),
                                webUrl:Ext.getCmp("webUrl").getValue(),
                                webTel:Ext.getCmp("webTel").getValue()
                            }, //发送的参数
                            success: function(response, option) {
                                var obj = Ext.util.JSON.decode(response.responseText); //返回的信息
                                if (obj.success == true) {
                                    Ext.Msg.alert("申请成功！请等待审核、");
                                    linkWindow.close();
                                }
                                else {
                                    Ext.Msg.alert("申请失败！请查询是否输入有误、");
                                }
                            },
                            failure: function() {
                                Ext.Msg.alert("申请失败！请重试、");
                            }
                        });
                    };
             };   
          
};
    
