给window加样式

最新推荐文章于 2025-12-21 22:09:29 发布

原创最新推荐文章于 2025-12-21 22:09:29 发布 · 628 阅读

CC 4.0 BY-SA版权

文章标签：

#stylesheet #function #xhtml #div #html #layout

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="window.aspx.cs" Inherits="window" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>登录程序</title>
    <style type="text/css" >
    .contain
    {
     width:100%;
     height:100%;
     top:0;
     left :0;
    }
    .center
    {
     position:absolute;
     top:30%;
     left :43%;
     text-align :left ;
    }
    
    </style>
    <link href="ext-2.0.2/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="ext-2.0.2/adapter/ext/ext-base.js" type="text/javascript"></script>
    <script src="ext-2.0.2/ext-all-debug.js" type="text/javascript"></script>
    <script type ="text/javascript" >
     Ext.onReady(function (){
         var _window = new Ext.Window({
               layout:"form",
               title:"登 录",
               height:130,
               width:220,
               plain:true ,
               resizable:true ,
               top:100,
               frame:true,
               minimizable:true ,
               maximizable:true ,
               closeAction:"hide",
               buttonAlign:"center",
               bodyStyle:"padding:3px;",
               labelWidth:50,
               defaults:{xtype:"textfield"},
               items:[{fieldLabel:"账 号"},{fieldLabel:"密 码"}],
               buttons:[{text:"确 定"},{text:"取 消",handler:function (){_window .hide();}}]
         });
     _window .applyToMarkup(Ext.DomHelper.append(Ext.getBody(),{
                            tag:"div",
                            cls:"contain",
                            cn:[{
                                 tag:"div",
                                 cls:"center"
                            }]
                          },true).child("div"));
     _window .show();
         
     });
    </script>
</head>
<body>

</body>
</html>