EXTJS学习记录《1-入口》

510 主题	2 好友	6309 积分

管理员

Rank: 80

发消息

电梯直达

楼主

发表于 2015-1-30 10:41:10 |只看该作者 |倒序浏览

<1>先搭建本地服务器环境，我这里用的是CI框架
<2>下载EXTJS相关的js和css包
<3>写一个最简单的extjs的界面
补充：因为用的是CI框架所以不要把CI框架里面的view、controller和EXTJS里面的view和controller弄混淆

通过CI框架把 http://10.6.0.117/index.php/asysbang/app 这个地址映射到一个asysbang.php页面
页面介绍：引入ext的js和css 然后写一个script 在里面调用Ext.onReady函数，这个函数就是整个程序的入口
参考  ext/docs/index.html#!/api/Ext-method-onReady

asysbang.php代码如下
<html>
<head>
      <meta charset="utf-8">
      <title>aSys帮</title>
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>ext/resources/css/ext-all.css" />
      <script type="text/javascript" src="<?php echo base_url(); ?>ext/ext-all.js"></script>
      <script type="text/javascript">
         //onReady是整个程序的入口，相当于java函数的main
         Ext.onReady(function(){
            new Ext.Component({
                  renderTo: document.body,
                  html: 'Hello World!'
            });
         });
      </script>
</head>
<body>
</body>
</html>

记录

收藏0

		自动登录	找回密码
密码			立即注册

EXTJS学习记录《1-入口》

相关帖子

浏览过的版块

最佳新人

活跃会员

热心会员

推广达人

宣传达人

灌水之王

突出贡献

优秀版主

荣誉管理

论坛元老