﻿<?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-日积月累-随笔分类-JavaScript</title><link>http://www.blogjava.net/ITdavid/category/29939.html</link><description>Java笔记</description><language>zh-cn</language><lastBuildDate>Fri, 28 Mar 2008 10:25:32 GMT</lastBuildDate><pubDate>Fri, 28 Mar 2008 10:25:32 GMT</pubDate><ttl>60</ttl><item><title>实现ext的动态数据下拉框组件</title><link>http://www.blogjava.net/ITdavid/archive/2008/03/28/189279.html</link><dc:creator>大卫</dc:creator><author>大卫</author><pubDate>Fri, 28 Mar 2008 07:07:00 GMT</pubDate><guid>http://www.blogjava.net/ITdavid/archive/2008/03/28/189279.html</guid><wfw:comment>http://www.blogjava.net/ITdavid/comments/189279.html</wfw:comment><comments>http://www.blogjava.net/ITdavid/archive/2008/03/28/189279.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ITdavid/comments/commentRss/189279.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ITdavid/services/trackbacks/189279.html</trackback:ping><description><![CDATA[数据格式：<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"><span style="color: #008080">1</span><img id="Codehighlighter1_13_47_Open_Image" onclick="this.style.display='none'; Codehighlighter1_13_47_Open_Text.style.display='none'; Codehighlighter1_13_47_Closed_Image.style.display='inline'; Codehighlighter1_13_47_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top"  alt="" /><img id="Codehighlighter1_13_47_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_13_47_Closed_Text.style.display='none'; Codehighlighter1_13_47_Open_Image.style.display='inline'; Codehighlighter1_13_47_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;folders</span><span style="color: #000000">=</span><span style="color: #000000">[</span><span id="Codehighlighter1_13_47_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_13_47_Open_Text"><span style="color: #000000">{'folderId':'</span><span style="color: #000000">1</span><span style="color: #000000">','folderName':'收信箱'}</span></span><span style="color: #000000">,</span><span id="Codehighlighter1_49_83_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_49_83_Open_Text"><span style="color: #000000">{'folderId':'</span><span style="color: #000000">2</span><span style="color: #000000">','folderName':'发信箱'}</span></span><span style="color: #000000">];<br />
</span><span style="color: #008080">2</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><br />
</span><span style="color: #008080">3</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /></span><span style="color: #008000">//</span><span style="color: #008000">用于下拉列表的store</span><span style="color: #008000"><br />
</span><span style="color: #008080">4</span><span style="color: #008000"><img id="Codehighlighter1_151_265_Open_Image" onclick="this.style.display='none'; Codehighlighter1_151_265_Open_Text.style.display='none'; Codehighlighter1_151_265_Closed_Image.style.display='inline'; Codehighlighter1_151_265_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top"  alt="" /><img id="Codehighlighter1_151_265_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_151_265_Closed_Text.style.display='none'; Codehighlighter1_151_265_Open_Image.style.display='inline'; Codehighlighter1_151_265_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top"  alt="" /></span><span style="color: #0000ff">var</span><span style="color: #000000">&nbsp;foldersJsonStore&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">new</span><span style="color: #000000">&nbsp;Ext.data.SimpleStore(</span><span id="Codehighlighter1_151_265_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_151_265_Open_Text"><span style="color: #000000">{<br />
</span><span style="color: #008080">5</span><span style="color: #000000"><img id="Codehighlighter1_166_203_Open_Image" onclick="this.style.display='none'; Codehighlighter1_166_203_Open_Text.style.display='none'; Codehighlighter1_166_203_Closed_Image.style.display='inline'; Codehighlighter1_166_203_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top"  alt="" /><img id="Codehighlighter1_166_203_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_166_203_Closed_Text.style.display='none'; Codehighlighter1_166_203_Open_Image.style.display='inline'; Codehighlighter1_166_203_Open_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;fields:&nbsp;[</span><span id="Codehighlighter1_166_203_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_166_203_Open_Text"><span style="color: #000000">{name:&nbsp;'folderId',&nbsp;mapping:'folderId'}</span></span><span style="color: #000000">,</span><span id="Codehighlighter1_205_246_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_205_246_Open_Text"><span style="color: #000000">{name:&nbsp;'folderName',&nbsp;mapping:'folderName'}</span></span><span style="color: #000000">],<br />
</span><span style="color: #008080">6</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;data:&nbsp;folders<br />
</span><span style="color: #008080">7</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top"  alt="" />}</span></span><span style="color: #000000">);</span></div>
刷新数据：<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"><span style="color: #008080">1</span><img src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top"  alt="" /><span style="color: #000000">foldersJsonStore.loadData(folders);</span></div>
下拉框组件：<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"><span style="color: #008080">&nbsp;1</span><img id="Codehighlighter1_34_301_Open_Image" onclick="this.style.display='none'; Codehighlighter1_34_301_Open_Text.style.display='none'; Codehighlighter1_34_301_Closed_Image.style.display='inline'; Codehighlighter1_34_301_Closed_Text.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top"  alt="" /><img id="Codehighlighter1_34_301_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_34_301_Closed_Text.style.display='none'; Codehighlighter1_34_301_Open_Image.style.display='inline'; Codehighlighter1_34_301_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;combo&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;</span><span style="color: #0000ff">new</span><span style="color: #000000">&nbsp;Ext.form.ComboBox(</span><span id="Codehighlighter1_34_301_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_34_301_Open_Text"><span style="color: #000000">{<br />
</span><span style="color: #008080">&nbsp;2</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;fieldLabel:&nbsp;'文件夹',<br />
</span><span style="color: #008080">&nbsp;3</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;name:&nbsp;'folderMoveTo',<br />
</span><span style="color: #008080">&nbsp;4</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;store:&nbsp;foldersJsonStore,<br />
</span><span style="color: #008080">&nbsp;5</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;displayField:&nbsp;'folderName',<br />
</span><span style="color: #008080">&nbsp;6</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;valueField:&nbsp;'folderId',<br />
</span><span style="color: #008080">&nbsp;7</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;mode:&nbsp;'local',<br />
</span><span style="color: #008080">&nbsp;8</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;typeAhead:&nbsp;</span><span style="color: #0000ff">true</span><span style="color: #000000">,&nbsp;</span><span style="color: #008000">//</span><span style="color: #008000">自动将第一个搜索到的选项补全输入</span><span style="color: #008000"><br />
</span><span style="color: #008080">&nbsp;9</span><span style="color: #008000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" /></span><span style="color: #000000">&nbsp;&nbsp;&nbsp;&nbsp;triggerAction:&nbsp;'all',<br />
</span><span style="color: #008080">10</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;emptyText:&nbsp;'全部',<br />
</span><span style="color: #008080">11</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;selectOnFocus:&nbsp;</span><span style="color: #0000ff">true</span><span style="color: #000000">,<br />
</span><span style="color: #008080">12</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top"  alt="" />&nbsp;&nbsp;&nbsp;&nbsp;forceSelection:&nbsp;</span><span style="color: #0000ff">true</span><span style="color: #000000"><br />
</span><span style="color: #008080">13</span><span style="color: #000000"><img src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top"  alt="" />}</span></span><span style="color: #000000">)</span></div>
<br />
--------------------<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;WE准高手 
<img src ="http://www.blogjava.net/ITdavid/aggbug/189279.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ITdavid/" target="_blank">大卫</a> 2008-03-28 15:07 <a href="http://www.blogjava.net/ITdavid/archive/2008/03/28/189279.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Ext结合DWR的关键代码（运行成功的DWRProxy）</title><link>http://www.blogjava.net/ITdavid/archive/2008/03/20/187471.html</link><dc:creator>大卫</dc:creator><author>大卫</author><pubDate>Thu, 20 Mar 2008 05:51:00 GMT</pubDate><guid>http://www.blogjava.net/ITdavid/archive/2008/03/20/187471.html</guid><wfw:comment>http://www.blogjava.net/ITdavid/comments/187471.html</wfw:comment><comments>http://www.blogjava.net/ITdavid/archive/2008/03/20/187471.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ITdavid/comments/commentRss/187471.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ITdavid/services/trackbacks/187471.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 在使用Ext与DWR框架时，我们往往会用到GridPanel组件搭配PagingToolbar组件来实现翻页数据列表。翻页的时候每一页都要从后台获取该页的数据列表信息。在解决此问题时，花了不少时间，看过不少前人的代码，终于成功了！共享之。关键代码如下：Store为：&nbsp;1var&nbsp;ds&nbsp;=&nbsp;new&nbsp;Ext.data.Store({...&nbsp;&nbsp;<a href='http://www.blogjava.net/ITdavid/archive/2008/03/20/187471.html'>阅读全文</a><img src ="http://www.blogjava.net/ITdavid/aggbug/187471.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ITdavid/" target="_blank">大卫</a> 2008-03-20 13:51 <a href="http://www.blogjava.net/ITdavid/archive/2008/03/20/187471.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>在项目中使用DWR框架需注意的</title><link>http://www.blogjava.net/ITdavid/archive/2008/03/14/186202.html</link><dc:creator>大卫</dc:creator><author>大卫</author><pubDate>Fri, 14 Mar 2008 02:21:00 GMT</pubDate><guid>http://www.blogjava.net/ITdavid/archive/2008/03/14/186202.html</guid><wfw:comment>http://www.blogjava.net/ITdavid/comments/186202.html</wfw:comment><comments>http://www.blogjava.net/ITdavid/archive/2008/03/14/186202.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.blogjava.net/ITdavid/comments/commentRss/186202.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ITdavid/services/trackbacks/186202.html</trackback:ping><description><![CDATA[一、配置<br />
在页面中添加：<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"><span style="color: #008080">1</span><img id="Codehighlighter1_61_69_Open_Image" onclick="this.style.display='none'; Codehighlighter1_61_69_Open_Text.style.display='none'; Codehighlighter1_61_69_Closed_Image.style.display='inline'; Codehighlighter1_61_69_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_61_69_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_61_69_Closed_Text.style.display='none'; Codehighlighter1_61_69_Open_Image.style.display='inline'; Codehighlighter1_61_69_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" /><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'&nbsp;</span><span style="color: #ff0000">src</span><span style="color: #0000ff">='dwr/interface/Folder.js'</span><span style="color: #0000ff">&gt;</span><span id="Codehighlighter1_61_69_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_61_69_Open_Text"><span style="color: #000000; background-color: #f5f5f5"><br />
</span><span style="color: #008080">2</span><span style="color: #000000; background-color: #f5f5f5"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">3</span><span style="color: #000000"><img id="Codehighlighter1_133_141_Open_Image" onclick="this.style.display='none'; Codehighlighter1_133_141_Open_Text.style.display='none'; Codehighlighter1_133_141_Closed_Image.style.display='inline'; Codehighlighter1_133_141_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_133_141_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_133_141_Closed_Text.style.display='none'; Codehighlighter1_133_141_Open_Image.style.display='inline'; Codehighlighter1_133_141_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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'&nbsp;</span><span style="color: #ff0000">src</span><span style="color: #0000ff">='dwr/engine.js'</span><span style="color: #0000ff">&gt;</span><span id="Codehighlighter1_133_141_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_133_141_Open_Text"><span style="color: #000000; background-color: #f5f5f5"><br />
</span><span style="color: #008080">4</span><span style="color: #000000; background-color: #f5f5f5"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
</span><span style="color: #008080">5</span><span style="color: #000000"><img id="Codehighlighter1_203_211_Open_Image" onclick="this.style.display='none'; Codehighlighter1_203_211_Open_Text.style.display='none'; Codehighlighter1_203_211_Closed_Image.style.display='inline'; Codehighlighter1_203_211_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_203_211_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_203_211_Closed_Text.style.display='none'; Codehighlighter1_203_211_Open_Image.style.display='inline'; Codehighlighter1_203_211_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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'&nbsp;</span><span style="color: #ff0000">src</span><span style="color: #0000ff">='dwr/util.js'</span><span style="color: #0000ff">&gt;</span><span id="Codehighlighter1_203_211_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_203_211_Open_Text"><span style="color: #000000; background-color: #f5f5f5"><br />
</span><span style="color: #008080">6</span><span style="color: #000000; background-color: #f5f5f5"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span></div>
需要注意的是路径，而不是官方的：<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"><span style="color: #008080">1</span><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><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'&nbsp;</span><span style="color: #ff0000">src</span><span style="color: #0000ff">='../interface/Folder.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 />
</span><span style="color: #008080">2</span><span style="color: #000000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</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'&nbsp;</span><span style="color: #ff0000">src</span><span style="color: #0000ff">='../engine.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 />
</span><span style="color: #008080">3</span><span style="color: #000000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</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'&nbsp;</span><span style="color: #ff0000">src</span><span style="color: #0000ff">='../util.js'</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">script</span><span style="color: #0000ff">&gt;</span></div>
<br />
二、返回的json串需要进行处理，才可以在前台javascript正确处理。<br />
使用json-lib的JSONArray对List类型数据进行处理：<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"><span style="color: #008080">1</span><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #000000">JSONArray.fromObject(folders).toString();</span></div>
返回List型的json数据为：<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"><span style="color: #008080">1</span><img id="Codehighlighter1_1_33_Open_Image" onclick="this.style.display='none'; Codehighlighter1_1_33_Open_Text.style.display='none'; Codehighlighter1_1_33_Closed_Image.style.display='inline'; Codehighlighter1_1_33_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_1_33_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_1_33_Closed_Text.style.display='none'; Codehighlighter1_1_33_Open_Image.style.display='inline'; Codehighlighter1_1_33_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" /><span style="color: #000000">[</span><span id="Codehighlighter1_1_33_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_1_33_Open_Text"><span style="color: #000000">{</span><span style="color: #000000">"</span><span style="color: #000000">folderId</span><span style="color: #000000">"</span><span style="color: #000000">:</span><span style="color: #000000">1</span><span style="color: #000000">,</span><span style="color: #000000">"</span><span style="color: #000000">folderName</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">}</span></span><span style="color: #000000">,</span><span id="Codehighlighter1_35_67_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_35_67_Open_Text"><span style="color: #000000">{</span><span style="color: #000000">"</span><span style="color: #000000">folderId</span><span style="color: #000000">"</span><span style="color: #000000">:</span><span style="color: #000000">2</span><span style="color: #000000">,</span><span style="color: #000000">"</span><span style="color: #000000">folderName</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">}</span></span><span style="color: #000000">,</span><span id="Codehighlighter1_69_101_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_69_101_Open_Text"><span style="color: #000000">{</span><span style="color: #000000">"</span><span style="color: #000000">folderId</span><span style="color: #000000">"</span><span style="color: #000000">:</span><span style="color: #000000">3</span><span style="color: #000000">,</span><span style="color: #000000">"</span><span style="color: #000000">folderName</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">}</span></span><span style="color: #000000">,</span><span id="Codehighlighter1_103_135_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_103_135_Open_Text"><span style="color: #000000">{</span><span style="color: #000000">"</span><span style="color: #000000">folderId</span><span style="color: #000000">"</span><span style="color: #000000">:</span><span style="color: #000000">4</span><span style="color: #000000">,</span><span style="color: #000000">"</span><span style="color: #000000">folderName</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">}</span></span><span style="color: #000000">,</span><span id="Codehighlighter1_137_169_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_137_169_Open_Text"><span style="color: #000000">{</span><span style="color: #000000">"</span><span style="color: #000000">folderId</span><span style="color: #000000">"</span><span style="color: #000000">:</span><span style="color: #000000">5</span><span style="color: #000000">,</span><span style="color: #000000">"</span><span style="color: #000000">folderName</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">}</span></span><span style="color: #000000">]</span></div>
这个数据返回到前台一定要用Ext.util.JSON.decode(data)进行编码，否则javascript不能正常处理。<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"><span style="color: #008080">1</span><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #008000">//</span><span style="color: #008000">刷新文件夹列表，DWR获取数据。</span><span style="color: #008000"><br />
</span><span style="color: #008080">2</span><span style="color: #008000"><img id="Codehighlighter1_41_84_Open_Image" onclick="this.style.display='none'; Codehighlighter1_41_84_Open_Text.style.display='none'; Codehighlighter1_41_84_Closed_Image.style.display='inline'; Codehighlighter1_41_84_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_41_84_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_41_84_Closed_Text.style.display='none'; Codehighlighter1_41_84_Open_Image.style.display='inline'; Codehighlighter1_41_84_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" /></span><span style="color: #0000ff">function</span><span style="color: #000000">&nbsp;initFolders()</span><span id="Codehighlighter1_41_84_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_41_84_Open_Text"><span style="color: #000000">{<br />
</span><span style="color: #008080">3</span><span style="color: #000000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;Folder.getFolderList(refrashFolders);}</span></span><span style="color: #000000"><br />
</span><span style="color: #008080">4</span><span style="color: #000000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><br />
</span><span style="color: #008080">5</span><span style="color: #000000"><img id="Codehighlighter1_116_197_Open_Image" onclick="this.style.display='none'; Codehighlighter1_116_197_Open_Text.style.display='none'; Codehighlighter1_116_197_Closed_Image.style.display='inline'; Codehighlighter1_116_197_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_116_197_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_116_197_Closed_Text.style.display='none'; Codehighlighter1_116_197_Open_Image.style.display='inline'; Codehighlighter1_116_197_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" /></span><span style="color: #0000ff">function</span><span style="color: #000000">&nbsp;refrashFolders(data)</span><span id="Codehighlighter1_116_197_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 alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_116_197_Open_Text"><span style="color: #000000">{<br />
</span><span style="color: #008080">6</span><span style="color: #000000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;folders&nbsp;</span><span style="color: #000000">=</span><span style="color: #000000">&nbsp;Ext.util.JSON.decode(data);</span><span style="color: #008000">//</span><span style="color: #008000">一定要用这个进行解码</span><span style="color: #008000"><br />
</span><span style="color: #008080">7</span><span style="color: #008000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" /></span><span style="color: #000000">&nbsp;&nbsp;&nbsp;&nbsp;initFolderTreeNode();}</span></span></div>
<br />
--------------------<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;WE准高手 
<img src ="http://www.blogjava.net/ITdavid/aggbug/186202.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ITdavid/" target="_blank">大卫</a> 2008-03-14 10:21 <a href="http://www.blogjava.net/ITdavid/archive/2008/03/14/186202.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>Ext2.0的表格小例子</title><link>http://www.blogjava.net/ITdavid/archive/2008/03/07/184527.html</link><dc:creator>大卫</dc:creator><author>大卫</author><pubDate>Fri, 07 Mar 2008 08:11:00 GMT</pubDate><guid>http://www.blogjava.net/ITdavid/archive/2008/03/07/184527.html</guid><wfw:comment>http://www.blogjava.net/ITdavid/comments/184527.html</wfw:comment><comments>http://www.blogjava.net/ITdavid/archive/2008/03/07/184527.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ITdavid/comments/commentRss/184527.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ITdavid/services/trackbacks/184527.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 页面代码：&nbsp;1&lt;html&gt;&nbsp;2&nbsp;&nbsp;&nbsp;&nbsp;&lt;head&gt;&nbsp;3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;meta&nbsp;http-equiv="Content-Type"&nbsp;content="text/html;&nbsp;ch...&nbsp;&nbsp;<a href='http://www.blogjava.net/ITdavid/archive/2008/03/07/184527.html'>阅读全文</a><img src ="http://www.blogjava.net/ITdavid/aggbug/184527.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ITdavid/" target="_blank">大卫</a> 2008-03-07 16:11 <a href="http://www.blogjava.net/ITdavid/archive/2008/03/07/184527.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>