刚接触extjs,效果出不来

<%@page contentType="text/html;charset=utf-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!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">
<link rel="stylesheet" type="text/css" href="ext-3.4.1/resources/css/ext-all.css"/>
 <script type="text/javascript" src="ext-3.4.1/adapter/ext/ext-base.js"></script>
 <script type="text/javascript" src="ext-3.4.1/ext-all.js"></script>
  <head>
 <script type="text/javascript">
Ext.onReady(function(){
    var win = Ext.create("Ext.window.Window",{
        width:400,
        height:300,
        title:'my window',
        buttons:[
            {text:'保存',listeners:{
                click:function(){
                    Ext.MessageBox.alert('保存','保存成功');
                }
            }},
            {text:'新窗口'}
        ]
    });
    win.show();
}) 
 </script>
  </head>
<body>
<div id="toolbar">1111</div>
</body>
</html>extjsfunctionhtmlxhtmlutf-8

解决方案 »

  1.   

    试试用全路径 <link rel="stylesheet" type="text/css" href="ext-3.4.1/resources/css/ext-all.css"/>
     <script type="text/javascript" src="ext-3.4.1/adapter/ext/ext-base.js"></script>
     <script type="text/javascript" src="ext-3.4.1/ext-all.js"></script>
      

  2.   

    你最好用firebug调试一下，可能是楼上所说的路径进入的问题。
      

  3.   

     <script type="text/javascript" src="js/jquery-1.4.3.js"></script>但是我jquery这样写就可以
      

  4.   

    <%@page contentType="text/html;charset=utf-8"%>
    <%@taglib prefix="s" uri="/struts-tags" %>
    <!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">
    <link rel="stylesheet" type="text/css" href="ext-3.4.1/resources/css/ext-all.css"/>
     <script type="text/javascript" src="ext-3.4.1/adapter/ext/ext-base.js"></script>
     <script type="text/javascript" src="ext-3.4.1/ext-all.js"></script>
     <script type="text/javascript">
    Ext.onReady(function(){
    var win=new Ext.Window({
    title:"hello",width:300,height:200,
    html:'<h1>hello extjs</h1>'
    });
    win.show();
    });
            
     </script>
      <head>
      </head>
    <body>
    <div id="toolbar">1111</div>
    </body>
    </html>这个段码是可以显示效果的
      

  5.   

    把你ext-all.js的引用放到ext-base.js的上面试试
      

  6.   

    试试  "click":function(){
                        Ext.MessageBox.alert('保存','保存成功');
                    }
      

  7.   

    你贴的代码中没有为click加引号呀
      

  8.   

    我加过了兄弟,还是不能显示效果,下面报Ext未定义
      

  9.   

     <script type="text/javascript">
    Ext.onReady(function(){
    var win=new Ext.Window({
    title:"hello",width:300,height:200,
    html:'<h1>hello extjs</h1>'
    });
    win.show();
    });
            
     </script>
    这一段代码是可以正常运行的
      

  10.   

    <%@page contentType="text/html;charset=utf-8"%>
    <%@taglib prefix="s" uri="/struts-tags" %>
    <!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">
    <%
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath();
    %>
    <link rel="stylesheet" type="text/css" href="<%=basePath%>/ext/resources/css/ext-all.css"/>
     <script type="text/javascript" src="<%=basePath%>/ext/adapter/ext/ext-base.js"></script>
     <script type="text/javascript" src="<%=basePath%>/ext/ext-all.js"></script>
      <head>
     <script type="text/javascript">
    Ext.onReady(function(){
    var win = Ext.create("Ext.window.Window",{
            width:400,
            height:300,
            title:'my window',
            buttons:[
                {text:'保存',listeners:{
                    click:function(){
                        Ext.MessageBox.alert('保存','保存成功');
                    }
                }},
                {text:'新窗口'}
            ]
        });
        win.show();
    }) 
     </script>
      </head>
    <body>
    <div id="toolbar">1111</div>
    </body>
    </html>现在写成这样后不报Ext未定义了,现在报缺少对象 ext-all.js
      

  11.   

    应该是basePath 出错了，你out看一看是否有错
      

  12.   


    试试：<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/ext/resources/css/ext-all.css"/>
     <script type="text/javascript" src="${pageContext.request.contextPath}/ext/adapter/ext/ext-base.js"></script>
     <script type="text/javascript" src="${pageContext.request.contextPath}/ext/ext-all.js"></script>/ext位于根目录
      

  13.   

    加了${pageContext.request.contextPath}改了之后还是一样
      

  14.   

    用firebug看一看ext-all加载成功了没
      

  15.   

    我没有用过firebug,如果用firebug的话,必须要用火狐浏览器吗
      

  16.   

    加载进来，没有效果，还是javascript代码有问题
    <script type="text/javascript">
    Ext.onReady(function(){
        var win = Ext.create("Ext.window.Window",{
            width:400,
            height:300,
            title:'my window',
            buttons:[
                {text:'保存',listeners:{
                    click:function(){
                        Ext.MessageBox.alert('保存','保存成功');
                    }
                }},
                {text:'新窗口'}
            ]
        });
        win.show();
    }) 
     </script>
    从来没用过extjs,不过我上午看一看api,你写的配置参数在文档上都有，先删除buttons瞧瞧
      

  17.   

    我帖你上面的代码也还是报 Ext-all.js 文件找不到
      

  18.   

    兄弟我extjs的报错,你能不能给我发一份最新的extjs包
      

  19.   

    把Ext.create("Ext.window.Window",
    换成new Ext.Window
    测过,好使
      

  20.   

    谢谢,我没有积分了,楼上的兄弟能不能把你的extjs给我发一份