`
skzr.org
  • 浏览: 355795 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

1 搭建环境——ExtJS学习之旅

EXTSVNJavaScriptCSS互联网 
阅读更多

学习ExtJS第一步：搭建ExtJS的执行环境

ExtJS学习之旅：目录 下一篇：ExtJS基础

步骤：下载ExtJS--> 部署ExtJS-->测试ExtJS

  1. 下载ExtJS： 官方地址 ，ExtJS v3.2.0 或者 我的项目CMS4G中下载ExtJS v3.2.0
  2. 部署ExtJS： （最小化ExtJS部署ext-3.2.0目录的ext-all.js和adapter目录和resources目录就足够了） 把ExtJS部署到任何联网可以访问的地方，你可以选择你的应用根目录或者互联网上的一个存储位置(WebRoot/res/extjs3.2.0目录)，比如我的项目CMS4G中的位置：ExtJS v3.2.0
  3. 测试ExtJS： 编写html文件测试ExtJS：WebRoot/examples/extjs/testExtJS.html 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>测试ExtJS部署</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" type="text/css" href="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/resources/css/ext-all.css" />
	    <!-- ExtJS library: base/adapter -->
	    <script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/adapter/ext/ext-base-debug.js"></script>
	    <!-- ExtJS library: all widgets -->
	    <script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/ext-all-debug.js"></script>

	    <script type="text/javascript">
		Ext.onReady(function() {
			Ext.Msg.alert('提示', '执行方法 Ext.onReady()');
		});
		</script>
	</head>

	<body></body>
</html>
     

我的理解：ExtJS是一个UI组件，编写基于ExtJS的程序是一件非常愉快的事情，它的组件非常丰富，可以很好的满足管理软件的需要，如果是做管理应用那么ExtJS就是为此而准备的 ^ ^

 

不擅长的领域就不要使用不擅长的工具了

分享到：
| ExtJS学习之旅
评论
18 楼 dickluo 2011-04-08  
灰常好啊 初学者感谢了
17 楼 skzr.org 2011-04-06  
ahopedog2 写道
就是客户端解析慢点

我不做通用的，定位的目标是企业用户，虽然IE可以使用，不过在网页中会推荐使用和下载chrom（从应用站点中）

剩下的基本上就不是问题的问题了。
16 楼 changtiger 2011-04-05  
学习Ext Js，最好能一边写，一边看源码。
15 楼 ahopedog2 2011-03-28  
就是客户端解析慢点
14 楼 skzr.org 2011-03-28  
累积是根本，潜心修炼中
13 楼 inritxihc 2011-03-28  
不错不错，我看好你哦
12 楼 skzr.org 2011-03-26  
sd8089730 写道
我想问一个 tree的问题.. treePanel的 click事件 和 expand事件怎么好像都是一回事..当我点击节点的展开的时候也执行click事件..

这个我没有试过！有时间再看看，顺便问问你的ExtJS版本是多少?

我一直在用3，未在treePanel中添加过click事件使用
11 楼 sd8089730 2011-03-26  
我想问一个 tree的问题.. treePanel的 click事件 和 expand事件怎么好像都是一回事..当我点击节点的展开的时候也执行click事件..
10 楼 skzr.org 2011-03-18  
cremains 写道
Ext 的确挺好用的。但是真的不敢用于商业目的，不知道哪天会不会找上门来。

貌似，只要不是做IDE，使用ExtJS是可以用于商业项目的。
也就是说不要和ExtJS竞争，ExtJS就可以商用
9 楼 cremains 2011-03-07  
Ext 的确挺好用的。但是真的不敢用于商业目的，不知道哪天会不会找上门来。
8 楼 skzr.org 2011-02-24  
刘金剑 写道
正在学习中，谢谢。

现在每天就是重复的事情，解决重复的问题，没时间研究extjs了，也实践少了
目前仅仅实践了extjs的tree！

人在江湖，身不由己！
7 楼 刘金剑 2011-02-24  
<div class="quote_title">skzr.org 写道</div>
<div class="quote_div">
<h1 style="text-align: center;">学习ExtJS第一步：搭建ExtJS的执行环境</h1>
<p>ExtJS学习之旅：<a href="/blog/647848" target="_self">目录</a>
下一篇：<a href="/blog/643210">ExtJS基础</a>
</p>
<h3>步骤：下载ExtJS--&gt; 部署ExtJS--&gt;测试ExtJS</h3>
<ol>
<li>
<strong>下载ExtJS：</strong>
<a href="http://www.extjs.com/products/js/download.php">官方地址</a>
，<a href="http://dl.iteye.com/topics/download/991a0cf9-ddf2-3f27-bc8a-ad9260669401">ExtJS v3.2.0</a>
或者 我的项目CMS4G中下载<a href="http://cms4g.googlecode.com/svn/trunk/res/download/ext-3.2.0.tar.gz">ExtJS v3.2.0</a>
</li>
<li>
<strong>部署ExtJS：</strong>
<span style="text-decoration: underline;">（最小化ExtJS部署ext-3.2.0目录的ext-all.js和adapter目录和resources目录就足够了）</span>
把ExtJS部署到任何联网可以访问的地方，你可以选择你的应用根目录或者互联网上的一个存储位置(WebRoot/res/extjs3.2.0目录)，比如我的项目CMS4G中的位置：<a href="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0">ExtJS v3.2.0</a>
</li>
<li>
<strong>测试ExtJS：</strong>
编写html文件测试ExtJS：WebRoot/examples/extjs/testExtJS.html
<pre name="code" class="html">&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;测试ExtJS部署&lt;/title&gt;
&lt;meta http-equiv="content-type" content="text/html; charset=UTF-8"&gt;
&lt;link rel="stylesheet" type="text/css" href="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/resources/css/ext-all.css" /&gt;
    &lt;!-- ExtJS library: base/adapter --&gt;
    &lt;script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/adapter/ext/ext-base-debug.js"&gt;&lt;/script&gt;
    &lt;!-- ExtJS library: all widgets --&gt;
    &lt;script type="text/javascript" src="http://cms4g.googlecode.com/svn/trunk/res/ext-3.2.0/ext-all-debug.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;
Ext.onReady(function() {
Ext.Msg.alert('提示', '执行方法 Ext.onReady()');
});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;&lt;/body&gt;
&lt;/html&gt;</pre>
 </li>
</ol>
<p>我的理解：ExtJS是一个UI组件，编写基于ExtJS的程序是一件非常愉快的事情，它的组件非常丰富，可以很好的满足管理软件的需要，<span style="color: #ff0000;"><strong>如果是做管理应用那么ExtJS就是为此而准备的</strong>
</span>
^ ^</p>
<p> </p>
<p>不擅长的领域就不要使用不擅长的工具了</p>
</div>
<p> </p>
6 楼 刘金剑 2011-02-24  
正在学习中，谢谢。
5 楼 xredman 2010-05-12  
<p>照着阁下的步骤，我也学习ExtJS<img src="/images/smiles/icon_biggrin.gif" alt=""></p>
4 楼 joehe 2010-05-12  
楼上的你真豆
3 楼 明天的昨天 2010-04-30  
楼主加油啊 准备靠你的一系列文章学会extjs
2 楼 skzr.org 2010-04-24  
如果有钱，购买了还是好些
没钱的时候就当ExtJS“施舍”了
1 楼 ivyshark 2010-04-24  
现在什么情况 版权都不值钱的?
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics