Extjs 4学习2

主要学习采自:http://www.ishowshao.com/blog/2012/06/19/extjs-4-getting-started/

用的sdk为extjs4.2.1

根据其中的提示装了一个apache,我的安装目录为:C:\Apache2.2,然后在目录C:\Apache2.2\htdocs下随便建立了一个web工程demotest,其实建这个东西主要是想利用eclipse的智能提示什么的,图的就是方便。

这样建好后的工程截图如下:image

然后在工程根目录下建立两个文件:app.js,index.html,

两个文件如下所示:

index.html

<html>
<head>
    <title>Hello Ext</title>
    <link rel="stylesheet" type="text/css" href="/extjs4.2.1/resources/css/ext-all.css">
    <script type="text/javascript" src="/extjs4.2.1/ext-all.js"></script>
    <script type="text/javascript" src="/demotest/app.js"></script>
</head>
<body></body>
</html>

app.js

Ext.application({
    name: 'HelloExt',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    title: 'Hello Ext',
                    html : 'Hello! Welcome to Ext JS.'
                }
            ]
        });
    }
});

然后在chrome浏览器上输入:http://localhost/demotest/index.html,显示如下:

image

转载于:https://www.cnblogs.com/luhouxiang/p/4474372.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值