﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-真的骄傲梦想家园-随笔分类-ExtJS</title><link>http://www.blogjava.net/reallypride/category/34451.html</link><description>专业源于兴趣和努力</description><language>zh-cn</language><lastBuildDate>Fri, 05 Sep 2008 12:54:00 GMT</lastBuildDate><pubDate>Fri, 05 Sep 2008 12:54:00 GMT</pubDate><ttl>60</ttl><item><title>ExtJS学习笔记1--onReady</title><link>http://www.blogjava.net/reallypride/archive/2008/09/05/227300.html</link><dc:creator>真的骄傲</dc:creator><author>真的骄傲</author><pubDate>Fri, 05 Sep 2008 10:44:00 GMT</pubDate><guid>http://www.blogjava.net/reallypride/archive/2008/09/05/227300.html</guid><wfw:comment>http://www.blogjava.net/reallypride/comments/227300.html</wfw:comment><comments>http://www.blogjava.net/reallypride/archive/2008/09/05/227300.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/reallypride/comments/commentRss/227300.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/reallypride/services/trackbacks/227300.html</trackback:ping><description><![CDATA[<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><font size="3"><font color="#000000"><span style="font-size: 14pt"><span style="font-family: 宋体">这几天在学习</span>ExtJS<span style="font-family: 宋体">，爱上了它丰富的漂亮的</span>UI<span style="font-family: 宋体">。让人开心的是，只要通过编写</span>javascript<span style="font-family: 宋体">就能做出专业的美工来，这对于开发人员来说是如此大的魅力呢。</span></span></font></font></p>
<p style="margin: 0cm 0cm 0pt; text-indent: 21pt"><font size="3"><font color="#000000"><span style="font-size: 14pt"><span style="font-family: 宋体">首先是使用</span>ExtJS<span style="font-family: 宋体">的准备工作，把</span>adapter<span style="font-family: 宋体">和</span>resources<span style="font-family: 宋体">两个文件夹，和</span>ext-all.js<span style="font-family: 宋体">文件复制到我们的项目中。然后在页面中引入，代码如下：</span></span></font></font></p>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><span style="color: #0000ff">&lt;</span><span style="color: #800000">link&nbsp;</span><span style="color: #ff0000">href</span><span style="color: #0000ff">="ExtJS/resources/css/ext-all.css"</span><span style="color: #ff0000">&nbsp;rel</span><span style="color: #0000ff">="stylesheet"</span><span style="color: #ff0000">&nbsp;type</span><span style="color: #0000ff">="text/css"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">/&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #0000ff">&lt;</span><span style="color: #800000">script&nbsp;</span><span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #ff0000">&nbsp;src</span><span style="color: #0000ff">="ExtJS/adapter/ext/ext-base.js"</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #0000ff">&lt;</span><span style="color: #800000">script&nbsp;</span><span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #ff0000">&nbsp;src</span><span style="color: #0000ff">="ExtJS/ext-all.js"</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span></div>
<span style="font-size: 14pt">这样我们就能使用ExJS了。</span>
<p>&nbsp;&nbsp;&nbsp;&nbsp;<span style="font-size: 14pt">首先从基本的Ext.onReady(Function fn,Object scope,boolean override)开始。onReady方法将会在页面加载完成后执行，相当于我们平时常用到的window.onload方法，它是Ext.EventManager.onDocumentReady的缩写版。onReady一共有三个参数：第一个参数是页面加载完成后要执行的函数，这也是我们用的最多的</span>。</p>
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><span style="color: #0000ff">function</span><span style="color: #000000">&nbsp;init()<br />
<img id="Codehighlighter1_16_63_Open_Image" onclick="this.style.display='none'; Codehighlighter1_16_63_Open_Text.style.display='none'; Codehighlighter1_16_63_Closed_Image.style.display='inline'; Codehighlighter1_16_63_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top"  alt="" /><img id="Codehighlighter1_16_63_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_16_63_Closed_Text.style.display='none'; Codehighlighter1_16_63_Open_Image.style.display='inline'; Codehighlighter1_16_63_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top"  alt="" /></span><span id="Codehighlighter1_16_63_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff"><img src="http://www.blogjava.net/Images/dot.gif"  alt="" /></span><span id="Codehighlighter1_16_63_Open_Text"><span style="color: #000000">{<br />
<img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;Ext.MessageBox.alert(</span><span style="color: #000000">"</span><span style="color: #000000">Alert</span><span style="color: #000000">"</span><span style="color: #000000">,</span><span style="color: #000000">"</span><span style="color: #000000">页面加载完成!</span><span style="color: #000000">"</span><span style="color: #000000">);<br />
<img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top"  alt="" />}</span></span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" />Ext.onReady(init);</span></div>
<img height="140" alt="" src="http://p.blog.csdn.net/images/p_blog_csdn_net/reallypride/457073/o_index.jpg" width="155" /><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二个参数是指定要执行的函数所在的域。<br />
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><img id="Codehighlighter1_9_23_Open_Image" onclick="this.style.display='none'; Codehighlighter1_9_23_Open_Text.style.display='none'; Codehighlighter1_9_23_Closed_Image.style.display='inline'; Codehighlighter1_9_23_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top"  alt="" /><img id="Codehighlighter1_9_23_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_9_23_Closed_Text.style.display='none'; Codehighlighter1_9_23_Open_Image.style.display='inline'; Codehighlighter1_9_23_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top"  alt="" /><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;show</span><span style="color: #000000">=</span><span id="Codehighlighter1_9_23_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff"><img src="http://www.blogjava.net/Images/dot.gif"  alt="" /></span><span id="Codehighlighter1_9_23_Open_Text"><span style="color: #000000">{mss:</span><span style="color: #000000">"</span><span style="color: #000000">我加载完成了！</span><span style="color: #000000">"</span><span style="color: #000000">}</span></span><span style="color: #000000">;<br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #0000ff">function</span><span style="color: #000000">&nbsp;init()<br />
<img id="Codehighlighter1_42_88_Open_Image" onclick="this.style.display='none'; Codehighlighter1_42_88_Open_Text.style.display='none'; Codehighlighter1_42_88_Closed_Image.style.display='inline'; Codehighlighter1_42_88_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top"  alt="" /><img id="Codehighlighter1_42_88_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_42_88_Closed_Text.style.display='none'; Codehighlighter1_42_88_Open_Image.style.display='inline'; Codehighlighter1_42_88_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top"  alt="" /></span><span id="Codehighlighter1_42_88_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff"><img src="http://www.blogjava.net/Images/dot.gif"  alt="" /></span><span id="Codehighlighter1_42_88_Open_Text"><span style="color: #000000">{<br />
<img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;Ext.MessageBox.alert(</span><span style="color: #000000">"</span><span style="color: #000000">Alert</span><span style="color: #000000">"</span><span style="color: #000000">,</span><span style="color: #0000ff">this</span><span style="color: #000000">.mss);<br />
<img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top"  alt="" />}</span></span><span style="color: #000000"><br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" />Ext.onReady(init,show);<br />
<img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span></div>
<img height="133" alt="" src="http://p.blog.csdn.net/images/p_blog_csdn_net/reallypride/457073/o_index1.jpg" width="144" /><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至于第三个参数，我也不太清楚，大概是用来控制函数的执行的吧，一般很少会用到。<br />
<img src ="http://www.blogjava.net/reallypride/aggbug/227300.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/reallypride/" target="_blank">真的骄傲</a> 2008-09-05 18:44 <a href="http://www.blogjava.net/reallypride/archive/2008/09/05/227300.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>