asysbang

标题: EXTJS学习记录《1-入口》 [打印本页]

作者: admin 时间: 2015-1-30 10:41
标题: EXTJS学习记录《1-入口》
<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>

欢迎光临 asysbang (http://asysbang.com/)