小菜毛毛技术分享

与大家共同成长
  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  164 Posts :: 141 Stories :: 94 Comments :: 0 Trackbacks
extjs 登陆页面
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <link rel="stylesheet" type="text/css" href="../../../../resources/css/ext-all.css" />  
  6. <title>登陆程序</title>  
  7. <style type="text/css">  
  8.   
  9. .contain{   
  10.         width:100%;    
  11.         height:100%;   
  12.         top:0;   
  13.         left:0;   
  14.     }   
  15. .center {   
  16.     position:absolute;   
  17.     top:30%;   
  18.     left:43%;   
  19.     text-align:left;   
  20. }   
  21.   
  22.   
  23. </style>  
  24. <script type="text/javascript" src="../../../../adapter/ext/ext-base.js">  
  25. </script>  
  26. <script type="text/javascript" src="../../../../ext-all.js">  
  27. </script>  
  28. <script type="text/javascript" src="../../../../build/locale/ext-lang-zh_CN.js">  
  29. </script>  
  30. <script type="text/javascript">  
  31.        
  32.     Ext.onReady(function(){   
  33.        
  34.         var _panel = new Ext.Panel({   
  35.                 title:"登 陆",   
  36.                 frame:true,   
  37.                 width:260,   
  38.                 height:130,   
  39.                 layout:"form",   
  40.                 labelWidth:45,   
  41.                 defaults:{xtype:"textfield" , width:180},   
  42.                 items:[{   
  43.                     fieldLabel:"账号"   
  44.                 },{   
  45.                     fieldLabel:"密码"   
  46.                 }],   
  47.                 buttons:[{   
  48.                     text:"确 定"   
  49.                 },{   
  50.                     text:"取 消"   
  51.                 }]   
  52.             }) ;   
  53.            
  54.         _panel.applyToMarkup(Ext.DomHelper.append(Ext.getBody(), {   
  55.                             tag:"div",   
  56.                             cls:"contain",   
  57.                             cn:[{   
  58.                                 tag:"div",   
  59.                                 cls:"center"   
  60.                             }]   
  61.                       } , true).child("div")) ;   
  62.            
  63.     }) ;   
  64.        
  65. </script>  
  66. </head>  
  67.   
  68. <body>  
  69. </body>  
  70. </html> 
其中需要主要包引入的顺序与其的相对路径
posted on 2009-05-05 15:49 小菜毛毛 阅读(2890) 评论(1)  编辑  收藏

Feedback

# re: extjs 登陆页面[未登录] 2011-01-24 15:12 小白
dojochina的东西~  回复  更多评论
  


只有注册用户登录后才能发表评论。
网站导航: