Ext 新手求助

最近想学Ext,下了包，找个实例
可是还是不知道这东西是怎么用的
请教一下<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"/>
<script language="javascript" type="text/javascript" src="../ext-all.js"></script>
<script language="javascript" type="text/javascript" src="../adapter/ext/ext-base.js"></script>
<script type="text/javascript">
var form1 = new Ext.form.FormPanel({
   width:350,
   frame:true,//圆角和浅蓝色背景
   renderTo:"form1",//呈现
   title:"FormPanel",
   bodyStyle:"padding:5px 5px 0",
   items:[{
fieldLabel:"UserName",//文本框标题
xtype:"textfield",//表单文本框
name:"user",
id:"user",
width:200
  },
  {
fieldLabel:"PassWord",
xtype:"textfield",
name:"pass",
id:"pass",
width:200
  }
   ],
   buttons:[{text:"确定"},{text:"取消",handler:function(){alert("事件！");}}]
});
</script>
</head>
<body>
<div id="form1"></div>
</body>
</html>

解决方案 »

  1.   

    大哥这段代码要放在
    Ext.onReady(function(){
    });
    这个函数内才能执行啊
      

  2.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"/>
    <script language="javascript" type="text/javascript" src="ext-all.js"></script>
    <script language="javascript" type="text/javascript" src="adapter/ext/ext-base.js"></script>
    <script type="text/javascript">
    Ext.onReady(function(){
    var form1 = new Ext.form.FormPanel({
       width:350,
       frame:true,//圆角和浅蓝色背景
       renderTo:"form1",//呈现
       title:"FormPanel",
       bodyStyle:"padding:5px 5px 0",
       items:[{
    fieldLabel:"UserName",//文本框标题
    xtype:"textfield",//表单文本框
    name:"user",
    id:"user",
    width:200
      },
      {
    fieldLabel:"PassWord",
    xtype:"textfield",
    name:"pass",
    id:"pass",
    width:200
      }
       ],
       buttons:[{text:"确定"},{text:"取消",handler:function(){alert("事件！");}}]
    });
    });
    </script>
    </head>
    <body>
    <div id="form1"></div>
    </body>
    </html>页面还是什么都没有
      

  3.   


    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"/>
    <script language="javascript" type="text/javascript" src="adapter/ext/ext-base.js"></script>
    <script language="javascript" type="text/javascript" src="ext-all.js"></script>上面 ext-base.js的ext-all.js的位置要改变下，另外，请确认的引用的文件的路径是否正确
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf8">
        <title>Forms</title>
        <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>    <!-- GC -->
        <!-- LIBS -->
        <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
        <!-- ENDLIBS -->    <script type="text/javascript" src="../../ext-all.js"></script>    <script type="text/javascript" src="states.js"></script>
        <script type="text/javascript"">
         Ext.onReady(function(){
        var form1 = new Ext.form.FormPanel({
           width:350,
           frame:true,//圆角和浅蓝色背景
           renderTo:"form1",//呈现
           title:"FormPanel",
           bodyStyle:"padding:5px 5px 0",
           items:[{
                fieldLabel:"UserName",//文本框标题
                xtype:"textfield",//表单文本框
                name:"user",
                id:"user",
                width:200
              },
              {
                fieldLabel:"PassWord",
                xtype:"textfield",
                name:"pass",
                id:"pass",
                width:200
              }
           ],
           buttons:[{text:"确定"},{text:"取消",handler:function(){alert("事件！");}}]
        });
    });    
        </script>
        
    </head>
    <body><!-- EXAMPLES -->
    <div id="form1"></div></body>
    </html>这是我用你的代码写的测试，能正常显示，就是你文件引入的问题