Ext显示效果有问题

我的EXTJS效果显示不全啊,请问是怎么回事啊? 我的FormPanel边界都没显示出来,下面的按钮也没显示出外观效果来。我是下的最新的EXTJS SDK 请问是怎么回事啊?

[img]/upload/attachment/44005/806b4dff-6841-3071-aecc-0634fad7c7b3.jpg" alt="[/img]


firstextjs.js

Ext.QuickTips.init();
Ext.onReady(function(){ 
 var f=new Ext.form.FormPanel({
  renderTo:"hello",
  title:"用户信息录入框",
  height:130,
  width:320,
  labelWidth:60,
  labelAlign:"right",
  frame:true,
  defaults:{width:180,xtype:"textfield"},
  items:[{
   xtype:"textfield",
   name:"username",
   fieldLabel:"姓名"
   },
   {
   xtype:"textfield",
   name:"times",
   fieldLabel:"登录次数"
   }
  ],
  buttons:[{text:"加载表单数据",
    handler:s}]   
 }); 
 function s()
 {
 f.form.load({
     waitTitle:"请稍候",
     waitMsg:"正在加载表单数据,请稍候。。。。。。",
     url:"AJAXServer",
     success:function(action,form)
     {
      alert("加载成功!");
     },
     failure:function(action,form)
     {
      alert("数据加载失败!");
     }
     }); 
 }
 
 });





index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title></title>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />


    <script type="text/javascript" src="jslib/ext-base.js"></script>
    <script type="text/javascript" src="jslib/ext-core.js"></script>
    <script type="text/javascript" src="jslib/ext-all.js"></script>
    <script type="text/javascript" src="jslib/firstextjs.js"></script>
</head>
<body>
     <center><div id="hello"></div> </center>
</body>
</html>



  
    


    
    
    
    


      



你可能感兴趣的:(html,css,ext,F#)