zoukankan      html  css  js  c++  java
  • ExtJS4.x 开发环境搭建

    需要的资源

    1. ExtJS4.2 
    2. eclipse

    开发环境搭建

    在项目中国需要引用的文件:

    eclipse中有报错。需要处理的是ext-lang-zh_CN.js,中文编码不能识别。右键->属性->将文件编码格式改为UTF-8即可。其他错误不用管。

    测试页面代码:

    <%@ page language="java" pageEncoding="utf-8"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>ExtJs 演示</title>
    <link rel="stylesheet" type="text/css"
        href="./extjs/resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="./theme/theme.css" />
    </head>
    <body>
        <script type="text/javascript" src="./extjs/ext-all-debug.js"></script>
        <script type="text/javascript" src="./extjs/locale/ext-lang-zh_CN.js"></script>
    
        <script type="text/javascript">
            Ext.onReady(function() {
                Ext.Msg.alert('Info', 'This is a test!');
            });
        </script>
    </body>
    </html>

     

    测试结果:

     

    关于引用的文件需要注意的是如下这一句:

    <script type="text/javascript" src="./extjs/ext-all-debug.js"></script>

    extjs4.x及extjs5.x提供了四个入口文件:ext.js,ext-debug.js,ext-all.js,ext-all-debug.js。

    如果采用extjs3.x及之前的传统模式开发的话一般需要使用ext-all.js或者ext-all-debug.js。这两个文件中包含了整个extjs类库的内容。

    如果采用extjs mvc模式开发的话这四个文件都可以使用。不同的是使用ext.js和ext-debug.js只包括支撑应用启动的核心类代码。如需要使用extjs其他功能组件的话会自动动态加载。因此在extjs应用中需要包含extjs的src包(这个包里有extjs的全部功能组件)。

    在名称中不包括有“-debug”的文件是压缩后的文件,可以在生产环境中使用。含有“-debug”的文件则是未压缩的文件,适于在开发环境中使用。

    看到还有文章说可以通过bootstrap.js启动,试了下效果不是很好,不建议使用。

  • 相关阅读:
    前端打包利器:webpack工具
    asp.net 通过ajax方式调用webmethod方法使用自定义类传参及获取返回参数
    C#报错:创建调试信息文件 ……objDebugmodel.pdb: 拒绝访问
    ts 使用Visual Studio2012和TFS网站管理源代码
    Win7(包括32和64位)使用GitHub
    C#程序开发中经常遇到的10条实用的代码
    简单优化实现大数据量的重复判断和导入
    Asp.Net修改上传文件大小限制(修改web.config)
    XlFileFormat
    Excel 2007中的新文件格式
  • 原文地址:https://www.cnblogs.com/amunote/p/3696900.html
Copyright © 2011-2022 走看看