如何调用ExtJS5

调用ExtJS 5,官方推荐使用SenchaCmd工具来生成一个应用程序架构,若不采用SenchaCmd的,如何通过手工调用呢?

查看官方的DOC文档,在“Welcome to  ExtJS"中关于调用ExtJS5的例子,如下:

<!DOCTYPE html>
<html>
    <head>
        <title>Welcome to Ext JS!</title>
        <link rel="stylesheet" type="text/css" href="http://cdn.sencha.com/ext/trial/5.0.0/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">
       <script type="text/javascript" src="http://cdn.sencha.com/ext/trial/5.0.0/build/ext-all.js"></script>
       <script type="text/javascript" src="http://cdn.sencha.com/ext/trial/5.0.0/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>

        <script type ="text/javascript" src="app.js"></script>
    </head>
    <body></body>
</html>

这是通过CDN方式调用的,从上面红色的三行代码可知,主要是调用ExtJS5下面build目录下的内容,所以可以采取以下方式

在WebContent下建立extjs5目录,然后将下载的ext-5.0.1目录下的build目录拷贝至WebContent\extjs5目录下

WebContent

|     +-extjs5
|
|             +-build

+index.html


      index.html调用Extjs5方法如下:

       <link rel="stylesheet" type="text/css" href="extjs5/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">
       <script type="text/javascript" src="extjs5/build/ext-all.js"></script>
       <script type="text/javascript" src="extjs5/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>
        <script type="text/javascript" src="extjs5/build/packages/ext-locale/build/ext-locale-zh_CN.js"></script>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值