<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    我的漫漫程序之旅

    專注于JavaWeb開發(fā)
    隨筆 - 39, 文章 - 310, 評論 - 411, 引用 - 0
    數據加載中……

    Ext Form 簡單練習之一(login Form)

    <HTML>
     
    <HEAD>
      
    <TITLE> Ext Form 簡單練習之一(login Form) </TITLE>
       
    <link rel="stylesheet" type="text/css" href="../../../resources/css/ext-all.css"/>
        
    <script type="text/javascript" src="../../../adapter/ext/ext-base.js"></script>
        
    <script type="text/javascript" src="../../../ext-all.js"></script>
    <script>
        Ext.onReady(
    function()
        
    {
            
    new Ext.Button({
                id  : 'b1',
                text : '登錄',
                renderTo : 'd1',
                handler : 
    function()
                
    {
                    createWindow();
                }

            }
    );
            
            
            
    function createWindow()
            
    {
            
            
    var form = new Ext.form.FormPanel({
                baseCls : 'x
    -plain', // Panel的默認css,
                layout : 'absolute', //布局
                url : 'bbs.crsky.com',  //form action
                defaultType : 'textfield',  //默認類型(不指定類型的情況為默認)
                    //非Ajax方式提交一定要加上這兩句
                onSubmit : Ext.emptyFn,
                submit : 
    function()
                
    {
                    
    this.getForm().getEl().dom.submit();    
                }
    ,
                
    //form 組件
                items : [
                
    {
                    x : 
    0//在window中的絕對定位
                    y : 5,
                    xtype : 'label',
                    text : '用戶名:'
                }
    ,
                
    {
                    x : 
    60,
                    y : 
    0,
                    name : 'to',
                    id : 'username',
                    anchor : '
    100%//錨記,當你改變window大小時,textfield會自動隨之改變
                }
    ,
                
    {
                    x : 
    0,
                    y : 
    35,
                    xtype : 'label',
                    text : '密碼:'
                }
    ,
                
    {
                    x : 
    60,
                    y : 
    30,
                    name : 'msg',
                    id : 'password',
                    anchor : '
    100%'
                }

                ]
            }
    );


            
    var window = new Ext.Window({
                title: '可調大小',
                width : 
    300,
                height : 
    150,
                minWidth : 
    300,
                minHeight : 
    150,
                layout : 'fit',
                 plain : 
    true,
                 bodyStyle : 'padding : 5px;',
                 buttonAlign : 'center',
                 items : form,

                 buttons : [
                    
    {
                        text : '登錄',
                        type : 'submit',
                        handler : 
    function()
                        
    {
                            
    var username = Ext.get('username');
                            
    var password = Ext.get('password');
                            
    if(username.getValue() == '')
                            
    {
                                Ext.Msg.alert('提示','用戶名不能為空');
                            }

                            
    else
                            
    {
                                
    if(password.getValue() == '')
                                
    {+
                                    Ext.Msg.alert('提示','密碼不能為空');
                                }

                                
    else
                                
    {
                                    form.getForm().getEl().dom.action 
    = 'http://www.tkk7.com/supercrsky',
                                    form.getForm().getEl().dom.submit();    
                                }

                            }

                        }

                    }
    ,
                    
    {
                        text : '重置',
                        type : 'reset',
                        handler : 
    function()
                        
    {
                            form.getForm().getEl().dom.reset();
                        }

                    }

                 ]
            }
    );
            window.show();
            }

            
    //window.show();
        }
    );
    </script>
     
    </HEAD>

     
    <BODY>
        
    <div id='d1'></div>
     
    </BODY>
    </HTML>
    效果圖:


    posted on 2008-08-19 10:32 々上善若水々 閱讀(1327) 評論(0)  編輯  收藏 所屬分類: JavaScript

    主站蜘蛛池模板: 久久亚洲精品无码| 一区二区三区视频免费观看| 久久精品国产亚洲7777| 搡女人免费视频大全| 黄色片免费在线观看| 一级毛片a免费播放王色电影| 亚洲卡一卡二卡乱码新区| 久久精品国产精品亚洲艾草网| 四虎影视永久免费观看地址| 国产又黄又爽又猛免费app| 毛片在线播放免费观看| 丰满妇女做a级毛片免费观看| 亚洲欧洲无卡二区视頻| 亚洲乱码在线视频| 亚洲综合激情九月婷婷| 亚洲国产婷婷六月丁香| 国产亚洲精品精品国产亚洲综合 | 亚洲国产精品国产自在在线| 中文字幕无码不卡免费视频 | 美腿丝袜亚洲综合| 又粗又硬免费毛片| 免费高清小黄站在线观看| 最近最新MV在线观看免费高清| 91精品全国免费观看含羞草| 男人j进入女人j内部免费网站| a级毛片免费高清视频| 成人免费网站视频www| 老外毛片免费视频播放| 无码天堂亚洲国产AV| 亚洲AV无码资源在线观看| 在线综合亚洲中文精品| 亚洲中文字幕一二三四区苍井空| 中文字幕亚洲综合久久2| 亚洲自偷自拍另类12p| 亚洲一区二区在线免费观看| 亚洲影院在线观看| 亚洲男人电影天堂| 亚洲国产精品张柏芝在线观看| 亚洲精品美女在线观看播放| 亚洲成a人片77777群色| 亚洲午夜精品在线|