﻿<?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-沉睡森林@漂在北京-随笔分类-jQuery</title><link>http://www.blogjava.net/wangbing/category/42628.html</link><description>本处文章除注明“转载”外均为原创，转载请注明出处。 </description><language>zh-cn</language><lastBuildDate>Wed, 21 Mar 2012 06:07:49 GMT</lastBuildDate><pubDate>Wed, 21 Mar 2012 06:07:49 GMT</pubDate><ttl>60</ttl><item><title>json和javascript的关系</title><link>http://www.blogjava.net/wangbing/archive/2012/03/20/372313.html</link><dc:creator>wangchangbing</dc:creator><author>wangchangbing</author><pubDate>Tue, 20 Mar 2012 13:19:00 GMT</pubDate><guid>http://www.blogjava.net/wangbing/archive/2012/03/20/372313.html</guid><wfw:comment>http://www.blogjava.net/wangbing/comments/372313.html</wfw:comment><comments>http://www.blogjava.net/wangbing/archive/2012/03/20/372313.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/wangbing/comments/commentRss/372313.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/wangbing/services/trackbacks/372313.html</trackback:ping><description><![CDATA[<strong style="font-family: Simsun; line-height: normal; background-color: #faf0e6; font-size: medium; ">参考json网站：</strong>
<a href="http://www.json.org/json-zh.html">http://www.json.org/json-zh.html</a>&nbsp;<br /><strong style="font-family: Simsun; line-height: normal; background-color: #faf0e6; font-size: medium; "><br />JSON</strong><span style="font-family: Simsun; line-height: normal; background-color: #faf0e6; font-size: medium; ">(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于</span><a href="http://www.crockford.com/javascript" style="color: maroon; font-family: Simsun; line-height: normal; background-color: #faf0e6; font-size: medium; ">JavaScript Programming Language</a><span style="font-family: Simsun; line-height: normal; background-color: #faf0e6; font-size: medium; ">,</span><a href="http://www.ecma-international.org/publications/files/ecma-st/ECMA-262.pdf" style="color: maroon; font-family: Simsun; line-height: normal; background-color: #faf0e6; font-size: medium; ">Standard ECMA-262 3rd Edition - December 1999</a><span style="font-family: Simsun; line-height: normal; background-color: #faf0e6; font-size: medium; ">的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。 这些特性使JSON成为理想的数据交换语言。</span>&nbsp;<img src ="http://www.blogjava.net/wangbing/aggbug/372313.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wangbing/" target="_blank">wangchangbing</a> 2012-03-20 21:19 <a href="http://www.blogjava.net/wangbing/archive/2012/03/20/372313.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>treepanel开发遇到的问题整理</title><link>http://www.blogjava.net/wangbing/archive/2009/11/22/303267.html</link><dc:creator>wangchangbing</dc:creator><author>wangchangbing</author><pubDate>Sun, 22 Nov 2009 15:03:00 GMT</pubDate><guid>http://www.blogjava.net/wangbing/archive/2009/11/22/303267.html</guid><wfw:comment>http://www.blogjava.net/wangbing/comments/303267.html</wfw:comment><comments>http://www.blogjava.net/wangbing/archive/2009/11/22/303267.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/wangbing/comments/commentRss/303267.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/wangbing/services/trackbacks/303267.html</trackback:ping><description><![CDATA[1、对于DOM+CSS的确定问题<br />
&nbsp;&nbsp;有朋友指出我的DOM采用了IMG和部分的DIV组成，这种方式显示速度很慢。针对这个问题，其实我还不是很担心，可能对于以后的网络，或者说我开发的UI主要用于内网使用，目前还不担心网络问题，HTML的解析展示比较深，不是很好解决的。<br />
<br />
2、对于节点的delete和add操作<br />
&nbsp;&nbsp;在对tree的delete和add进行开发过程中遇到了麻烦。其实，对于treepanel对象，内部有一个array存放着树形结构的节点数据，另外，在DOM上面也存在着节点数据。这2种数据有部分是冗余的，有冗余就会有同步的问题。对于add和delete操作，最简单的做法是，对array的数据进行更新，然后利用reload刷新树。这样可以达到add和delete的效果。这样其实回避了一个问题，哪就是对单个的节点进行插入时对DOM进行的局部更新操作。<br />
<br />
3、关于异步加载<br />
&nbsp;&nbsp;异步加载是个好东西，但是开发过程中问题较多。和上面的delete和add情况类似，如果采用加载到本地然后reload的话，异步的意义就不大了。必须采用对节点进行更加&#8220;精细&#8221;的操作。<br />
<br />
&nbsp;&nbsp;基于上面3个问题，发现制约开发的问题归结到了DOM的定义上了。因为，不合理的DOM结构导致对单个节点的操作很麻烦，很不方便。需要采用国家合理的DOM结构以支持更加复杂的操作和功能。
<img src ="http://www.blogjava.net/wangbing/aggbug/303267.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wangbing/" target="_blank">wangchangbing</a> 2009-11-22 23:03 <a href="http://www.blogjava.net/wangbing/archive/2009/11/22/303267.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>另一个基于jquery的树插件</title><link>http://www.blogjava.net/wangbing/archive/2009/11/20/302998.html</link><dc:creator>wangchangbing</dc:creator><author>wangchangbing</author><pubDate>Thu, 19 Nov 2009 16:36:00 GMT</pubDate><guid>http://www.blogjava.net/wangbing/archive/2009/11/20/302998.html</guid><wfw:comment>http://www.blogjava.net/wangbing/comments/302998.html</wfw:comment><comments>http://www.blogjava.net/wangbing/archive/2009/11/20/302998.html#Feedback</comments><slash:comments>24</slash:comments><wfw:commentRss>http://www.blogjava.net/wangbing/comments/commentRss/302998.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/wangbing/services/trackbacks/302998.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;最近研究jquery，主要是对插件看法这块进行了一些学习，阅读了一些别人写的js代码，自己手痒也试着写了2个插件。但是本人的css水平实在太菜，只能在网上到处找点现有的素材来改造改造。<br />
<br />
&nbsp;&nbsp;我不是很会整理文档，直接贴图上代码了。<br />
<br />
&nbsp;&nbsp;google的实例地址：http://wangchangbing.appspot.com/examples/tree/demo_checkbox.html<br />
<br />
&nbsp;&nbsp;具体的代码如果需要可以留email给我。这个treepanel目前只能是学习的目的，功能还没有开发完。另外，还有一个tabpanel，功能基本开发完成，但是也还是需要完善，均属于学习产物。<br />
<br />
&nbsp;&nbsp;来个图：<br />
<br />
<img src="http://www.blogjava.net/images/blogjava_net/wangbing/treepanel.png" width="356" height="509" alt="" /><br />
<img src ="http://www.blogjava.net/wangbing/aggbug/302998.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wangbing/" target="_blank">wangchangbing</a> 2009-11-20 00:36 <a href="http://www.blogjava.net/wangbing/archive/2009/11/20/302998.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>[转]jQuery.extend函数详细用法</title><link>http://www.blogjava.net/wangbing/archive/2009/11/05/301243.html</link><dc:creator>wangchangbing</dc:creator><author>wangchangbing</author><pubDate>Thu, 05 Nov 2009 03:54:00 GMT</pubDate><guid>http://www.blogjava.net/wangbing/archive/2009/11/05/301243.html</guid><wfw:comment>http://www.blogjava.net/wangbing/comments/301243.html</wfw:comment><comments>http://www.blogjava.net/wangbing/archive/2009/11/05/301243.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/wangbing/comments/commentRss/301243.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/wangbing/services/trackbacks/301243.html</trackback:ping><description><![CDATA[<span style="font-family: Arial, sans-serif, Helvetica, Tahoma; font-size: 12px; line-height: 18px; ">
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">jQuery.extend函数详细用法<br />
最近在研究jQuery。把jQuery.extend扩展函数的用法记录下来。</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">1、扩展jQuery静态方法.</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">1$.extend({<br />
2test:function(){alert('test函数')}<br />
3})<br />
用法: $.test()</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><br />
2、合并多个对象.<br />
为jQuery.extend(css1,css2)为例，css1,css2个有一些属性(法照样会比处理,这里之讲属性).<br />
extend函数会把css2有而css2没有的属性加到css1中,如果css2的某个属性与css1的某个属性名称享用，就会用css2的属性去覆盖css1的同名属性。css1就是最后的整和对象。或者也可以用 ：<br />
var newcss = jquery.extend(css1,css2)&nbsp; newcss就是合并的新对象。<br />
var newcss = jquery.extend({},css1,css2) newcss就是合并的新对象.而且没有破坏css1的结构。</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">1//用法: jQuery.extend(obj1,obj2,obj3,..)<br />
2var Css1={size: "10px",style: "oblique"}<br />
3var Css2={size: "12px",style: "oblique",weight: "bolder"}<br />
4$.jQuery.extend(Css1,Css2)<br />
5//结果:Css1的size属性被覆盖,而且继承了Css2的weight属性<br />
6// Css1 = {size: "12px",style: "oblique",weight: "bolder"}<br />
7</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">3。深度镶套对象<br />
新的extend()允许你更深度的合并镶套对象。下面的例子是一个很好的证明。<br />
1// 以前的 .extend()&nbsp;&nbsp;&nbsp;<br />
2&nbsp;&nbsp; jQuery.extend(&nbsp;&nbsp;&nbsp;<br />
3&nbsp;&nbsp;&nbsp;&nbsp; { name: &#8220;John&#8221;, location: { city: &#8220;Boston&#8221; } },&nbsp;&nbsp;&nbsp;<br />
4&nbsp;&nbsp;&nbsp;&nbsp; { last: &#8220;Resig&#8221;, location: { state: &#8220;MA&#8221; } }&nbsp;&nbsp;&nbsp;<br />
5&nbsp;&nbsp; );&nbsp;&nbsp;&nbsp;<br />
6&nbsp;&nbsp;&nbsp; // 结果:&nbsp;&nbsp;&nbsp;<br />
7&nbsp;&nbsp;&nbsp; // =&gt; { name: &#8220;John&#8221;, last: &#8220;Resig&#8221;, location: { state: &#8220;MA&#8221; } }<br />
8&nbsp; // 新的更深入的 .extend()&nbsp;&nbsp;&nbsp;<br />
9&nbsp;&nbsp; jQuery.extend( true,&nbsp;&nbsp;&nbsp;<br />
10&nbsp;&nbsp; { name: &#8220;John&#8221;, location: { city: &#8220;Boston&#8221; } },&nbsp;&nbsp;&nbsp;<br />
11&nbsp;&nbsp;&nbsp;&nbsp; { last: &#8220;Resig&#8221;, location: { state: &#8220;MA&#8221; } }&nbsp;&nbsp;&nbsp;<br />
12&nbsp; );&nbsp;&nbsp;&nbsp;<br />
13&nbsp; // 结果&nbsp;&nbsp;&nbsp;<br />
14&nbsp;&nbsp; // =&gt; { name: &#8220;John&#8221;, last: &#8220;Resig&#8221;,&nbsp;&nbsp;&nbsp;<br />
15&nbsp; //&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; location: { city: &#8220;Boston&#8221;, state: &#8220;MA&#8221; } }&nbsp;&nbsp;<br />
16</p>
<p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">本篇文章来源于PHP论坛 文章地址：<a href="http://bbs.php.cn/thread-33593-1-4.html" style="color: #108ac6; text-decoration: underline; ">http://bbs.php.cn/thread-33593-1-4.html</a></p>
</span>
<img src ="http://www.blogjava.net/wangbing/aggbug/301243.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wangbing/" target="_blank">wangchangbing</a> 2009-11-05 11:54 <a href="http://www.blogjava.net/wangbing/archive/2009/11/05/301243.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>jquery.flot.js使用笔记</title><link>http://www.blogjava.net/wangbing/archive/2009/10/29/300280.html</link><dc:creator>wangchangbing</dc:creator><author>wangchangbing</author><pubDate>Thu, 29 Oct 2009 14:54:00 GMT</pubDate><guid>http://www.blogjava.net/wangbing/archive/2009/10/29/300280.html</guid><wfw:comment>http://www.blogjava.net/wangbing/comments/300280.html</wfw:comment><comments>http://www.blogjava.net/wangbing/archive/2009/10/29/300280.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/wangbing/comments/commentRss/300280.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/wangbing/services/trackbacks/300280.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;公司的项目有一些类似监控的需求，需要输出比较漂亮的图表，并且支持较多的鼠标事件。最开始我使用了VML技术，找了不少网络上的代码，也画出了很漂亮的图表。但是找到的代码都不是很完善，功能较少，需要自己进行较大的修改才可以满足需求。后来无意找到了flot这个jquery插件，看了下他的example，发现我需要的功能基本满足。他具有的功能如下：<br />
&nbsp;&nbsp;1、输出一条或者多条曲线图表，同时可以利用脚本控制显示的条数。<br />
&nbsp;&nbsp;2、可以对图标进行select，然后对选择的区域进行zoom操作。<br />
&nbsp;&nbsp;3、支持x轴使用time模式，可以将序列设置为Date.parse(new Date())的数值，结合select功能可以更好的进行zoom控制。<br />
&nbsp;&nbsp;4、支持2种特定的事件：placeholder和plotclick，可以在鼠标移动到point和单击point时进行操作。<br />
&nbsp;&nbsp;......<br />
<br />
&nbsp;&nbsp;我研究不是很深入，想做一个提示框功能，鼠标移动到point上时提示信息。但是flot没有支持相关的接口，我只能自己写了一个div，整体搭配效果马上就差了很多。总的来说，这个插件还是很不错，包括速度也不错，基本够用。
<img src ="http://www.blogjava.net/wangbing/aggbug/300280.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wangbing/" target="_blank">wangchangbing</a> 2009-10-29 22:54 <a href="http://www.blogjava.net/wangbing/archive/2009/10/29/300280.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>jqGrid试用日记</title><link>http://www.blogjava.net/wangbing/archive/2009/03/20/261058.html</link><dc:creator>wangchangbing</dc:creator><author>wangchangbing</author><pubDate>Fri, 20 Mar 2009 07:56:00 GMT</pubDate><guid>http://www.blogjava.net/wangbing/archive/2009/03/20/261058.html</guid><wfw:comment>http://www.blogjava.net/wangbing/comments/261058.html</wfw:comment><comments>http://www.blogjava.net/wangbing/archive/2009/03/20/261058.html#Feedback</comments><slash:comments>3</slash:comments><wfw:commentRss>http://www.blogjava.net/wangbing/comments/commentRss/261058.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/wangbing/services/trackbacks/261058.html</trackback:ping><description><![CDATA[<br />
主要的代码如下：<br />
<div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding-right: 5px; padding-bottom: 4px; padding-left: 4px; padding-top: 4px; width: 98%; word-break: break-all; "><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="background-color: #FFFF00; color: #000000; ">&lt;%</span><span style="background-color: #F5F5F5; color: #000000; ">@&nbsp;page&nbsp;contentType</span><span style="background-color: #F5F5F5; color: #000000; ">=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">text/html;charset=UTF-8</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;</span><span style="background-color: #FFFF00; color: #000000; ">%&gt;</span><span style="color: #000000; "><br />
</span><span style="background-color: #FFFF00; color: #000000; ">&lt;%</span><span style="background-color: #F5F5F5; color: #000000; ">@&nbsp;include&nbsp;file</span><span style="background-color: #F5F5F5; color: #000000; ">=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">/commons/taglibs.jsp</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;</span><span style="background-color: #FFFF00; color: #000000; ">%&gt;</span><span style="color: #000000; "><br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">html</span><span style="color: #0000FF; ">&gt;</span><span style="color: #000000; "><br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">head</span><span style="color: #0000FF; ">&gt;</span><span style="color: #000000; "><br />
</span><span style="background-color: #FFFF00; color: #000000; ">&lt;%</span><span style="background-color: #F5F5F5; color: #000000; ">@&nbsp;include&nbsp;file</span><span style="background-color: #F5F5F5; color: #000000; ">=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">/commons/meta.jsp</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;</span><span style="background-color: #FFFF00; color: #000000; ">%&gt;</span><span style="color: #000000; "><br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">title</span><span style="color: #0000FF; ">&gt;</span><span style="color: #000000; ">User&nbsp;Manage</span><span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">title</span><span style="color: #0000FF; ">&gt;</span><span style="color: #000000; "><br />
<br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">link&nbsp;</span><span style="color: #FF0000; ">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;media</span><span style="color: #0000FF; ">="screen"</span><span style="color: #FF0000; ">&nbsp;href</span><span style="color: #0000FF; ">="&lt;c:url&nbsp;value="</span><span style="color: #FF0000; ">/scripts/styles/jqGrid/themes/basic/grid.css"</span><span style="color: #0000FF; ">/&gt;</span><span style="color: #000000; ">"&nbsp;/&gt;<br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">link&nbsp;</span><span style="color: #FF0000; ">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;media</span><span style="color: #0000FF; ">="screen"</span><span style="color: #FF0000; ">&nbsp;href</span><span style="color: #0000FF; ">="&lt;c:url&nbsp;value="</span><span style="color: #FF0000; ">/scripts/styles/jqGrid/themes/jqModal.css"</span><span style="color: #0000FF; ">/&gt;</span><span style="color: #000000; ">"&nbsp;/&gt;<br />
<br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">script&nbsp;</span><span style="color: #FF0000; ">src</span><span style="color: #0000FF; ">="&lt;c:url&nbsp;value="</span><span style="color: #FF0000; ">/scripts/plugIn/jqGrid/jquery.jqGrid.js"</span><span style="color: #0000FF; ">/&gt;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;type=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">text</span><span style="background-color: #F5F5F5; color: #000000; ">/</span><span style="background-color: #F5F5F5; color: #000000; ">javascript</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;&lt;/script&gt;<br />
&lt;script&nbsp;src=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&lt;</span><span style="background-color: #F5F5F5; color: #000000; ">c:url&nbsp;value</span><span style="background-color: #F5F5F5; color: #000000; ">=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">/scripts/plugIn/jqGrid/jqModal.js</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">/&gt;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;type=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">text</span><span style="background-color: #F5F5F5; color: #000000; ">/</span><span style="background-color: #F5F5F5; color: #000000; ">javascript</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;&lt;/script&gt;<br />
&lt;script&nbsp;src=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&lt;</span><span style="background-color: #F5F5F5; color: #000000; ">c:url&nbsp;value</span><span style="background-color: #F5F5F5; color: #000000; ">=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">/scripts/plugIn/jqGrid/jqDnR.js</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">/&gt;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;type=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">text</span><span style="background-color: #F5F5F5; color: #000000; ">/</span><span style="background-color: #F5F5F5; color: #000000; ">javascript</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;&lt;/script&gt;<br />
&lt;script&nbsp;src=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&lt;</span><span style="background-color: #F5F5F5; color: #000000; ">c:url&nbsp;value</span><span style="background-color: #F5F5F5; color: #000000; ">=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">/scripts/plugIn/corner/jquery.corner.js</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">/&gt;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;type=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">text</span><span style="background-color: #F5F5F5; color: #000000; ">/</span><span style="background-color: #F5F5F5; color: #000000; ">javascript</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;&lt;/script&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
<br />
&lt;/head&gt;<br />
&lt;script&nbsp;type=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">text</span><span style="background-color: #F5F5F5; color: #000000; ">/</span><span style="background-color: #F5F5F5; color: #000000; ">javascript</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;<br />
<br />
<br />
jQuery(document).ready(function(){&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;//var&nbsp;_documentWidth&nbsp;=&nbsp;$(document.body).innerWidth();<br />
&nbsp;&nbsp;&nbsp;&nbsp;//alert('_documentWidth2=&gt;'+_documentWidth);<br />
&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;jQuery(</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">#list</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">).jqGrid({<br />
&nbsp;&nbsp;&nbsp;&nbsp;url:'${ctx}/module/yhqxgl/userinfo/data-xmlmap.xml',<br />
&nbsp;&nbsp;&nbsp;&nbsp;datatype:&nbsp;'xml',<br />
&nbsp;&nbsp;&nbsp;&nbsp;mtype:&nbsp;'GET',<br />
&nbsp;&nbsp;&nbsp;&nbsp;xmlReader:&nbsp;{&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;root:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">result</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">,&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;row:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">invoice</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">,&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;page:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">invoices</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;</span><span style="background-color: #F5F5F5; color: #000000; ">currentpage</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">,&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;total:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">invoices</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;</span><span style="background-color: #F5F5F5; color: #000000; ">totalpages</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">,&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;records:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">invoices</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;</span><span style="background-color: #F5F5F5; color: #000000; ">totalrecords</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">,&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;repeatitems:false,&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">asin</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; "><br />
&nbsp;&nbsp;&nbsp;&nbsp;},<br />
&nbsp;&nbsp;&nbsp;&nbsp;colNames:['Inv&nbsp;No','Date',&nbsp;'Amount','Tax','Total','Notes'],<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;colModel&nbsp;:[&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{name:'invid',&nbsp;index:'invid',&nbsp;width:55,&nbsp;xmlmap:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">invoiceno</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">},&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{name:'invdate',&nbsp;index:'invdate',&nbsp;width:90,&nbsp;xmlmap:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">invoicedate</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">},&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{name:'amount',&nbsp;index:'amount',&nbsp;width:80,&nbsp;align:'right',&nbsp;xmlmap:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">invoiceamount</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">},&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{name:'tax',&nbsp;index:'tax',&nbsp;width:80,&nbsp;align:'right',&nbsp;xmlmap:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">invoicetax</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">},&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{name:'total',&nbsp;index:'total',&nbsp;width:80,&nbsp;align:'right',&nbsp;xmlmap:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">invoicetotal</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">},&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{name:'note',&nbsp;index:'note',&nbsp;width:150,&nbsp;sortable:false,&nbsp;xmlmap:</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">notes</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">}&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;],&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;pager:&nbsp;jQuery('#pager'),<br />
&nbsp;&nbsp;&nbsp;&nbsp;rowNum:10,<br />
&nbsp;&nbsp;&nbsp;&nbsp;rowList:[10,20,30],<br />
&nbsp;&nbsp;&nbsp;&nbsp;sortname:&nbsp;'invid',<br />
&nbsp;&nbsp;&nbsp;&nbsp;sortorder:&nbsp;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">desc</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">,<br />
&nbsp;&nbsp;&nbsp;&nbsp;viewrecords:&nbsp;true,<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;multiselect:&nbsp;true,<br />
&nbsp;&nbsp;//multikey:&nbsp;'ctrlKey',&nbsp;//不设置这个值时可以连续的选中记录<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;multiboxonly&nbsp;:true,<br />
&nbsp;&nbsp;&nbsp;&nbsp;width:800,<br />
&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;'auto',&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;hidegrid:&nbsp;false,&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;imgpath:&nbsp;'${ctx}/scripts/styles/jqGrid/themes/basic/images',<br />
&nbsp;&nbsp;&nbsp;&nbsp;caption:&nbsp;'My&nbsp;first&nbsp;grid',<br />
&nbsp;&nbsp;&nbsp;&nbsp;loadError&nbsp;:&nbsp;function(xhr,st,err)&nbsp;{&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">#tblMasterMessage</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">).html(</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">Type:&nbsp;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">+st+</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">;&nbsp;Response:&nbsp;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">+&nbsp;xhr.status&nbsp;+&nbsp;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">+xhr.statusText);<br />
&nbsp;&nbsp;&nbsp;&nbsp;},<br />
&nbsp;&nbsp;&nbsp;&nbsp;ondblClickRow&nbsp;:&nbsp;function(rowid)&nbsp;{&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//$(</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">#tblDetails</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">).editGridRow(rowid,editdtprm);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('ondblClickRow&nbsp;rowid=&gt;'+rowid);<br />
&nbsp;&nbsp;&nbsp;&nbsp;},<br />
&nbsp;&nbsp;&nbsp;&nbsp;onRightClickRow&nbsp;:&nbsp;&nbsp;function(rowid){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('onRightClickRow&nbsp;rowid=&gt;'+rowid);<br />
&nbsp;&nbsp;&nbsp;&nbsp;},<br />
&nbsp;&nbsp;&nbsp;&nbsp;onSelectRow&nbsp;:&nbsp;&nbsp;function(rowid){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('onSelectRow&nbsp;rowid=&gt;'+rowid);<br />
&nbsp;&nbsp;&nbsp;&nbsp;},<br />
&nbsp;&nbsp;&nbsp;&nbsp;onSortCol&nbsp;:&nbsp;function(index,&nbsp;colindex,&nbsp;sortorder){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('onSortCol&nbsp;index=&gt;'+index&nbsp;+</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;colindex</span><span style="background-color: #F5F5F5; color: #000000; ">=&gt;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">+colindex&nbsp;+</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;&nbsp;sortorder</span><span style="background-color: #F5F5F5; color: #000000; ">=&gt;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">+sortorder);<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;});&nbsp;<br />
<br />
<br />
&nbsp;&nbsp;//block-query<br />
&nbsp;&nbsp;$(</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">#queryForm</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">).corner(</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">bevel&nbsp;8px</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">)<br />
&nbsp;&nbsp;<br />
});<br />
<br />
&nbsp;<br />
<br />
&lt;/script&gt;<br />
&lt;body&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;id=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">queryForm</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;&nbsp;style=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">height:200px;width:100px;background</span><span style="background-color: #F5F5F5; color: #000000; ">-</span><span style="background-color: #F5F5F5; color: #000000; ">color:red</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;&lt;/div&gt;<br />
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;table&nbsp;id=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">list</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;class=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">scroll</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;width=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">100</span><span style="background-color: #F5F5F5; color: #000000; ">%</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;&lt;/table&gt;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;id=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">pager</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;class=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">scroll</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;style=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">text</span><span style="background-color: #F5F5F5; color: #000000; ">-</span><span style="background-color: #F5F5F5; color: #000000; ">align:center;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;&lt;/div&gt;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;id=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">tblMasterMessage</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;&lt;/div&gt;<br />
<br />
&lt;/body&gt;<br />
&lt;/html&gt;</span></div>
<br />
<br />
其中，<br />
<div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding-right: 5px; padding-bottom: 4px; padding-left: 4px; padding-top: 4px; width: 98%; word-break: break-all; "><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="background-color: #FFFF00; color: #000000; ">&lt;%</span><span style="background-color: #F5F5F5; color: #000000; ">@&nbsp;taglib&nbsp;prefix</span><span style="background-color: #F5F5F5; color: #000000; ">=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">c</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;uri</span><span style="background-color: #F5F5F5; color: #000000; ">=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">http://java.sun.com/jsp/jstl/core</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;</span><span style="background-color: #FFFF00; color: #000000; ">%&gt;</span><span style="color: #000000; "><br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">meta&nbsp;</span><span style="color: #FF0000; ">http-equiv</span><span style="color: #0000FF; ">="Content-Type"</span><span style="color: #FF0000; ">&nbsp;content</span><span style="color: #0000FF; ">="text/html;charset=UTF-8"</span><span style="color: #0000FF; ">&gt;</span><span style="color: #000000; "><br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">meta&nbsp;</span><span style="color: #FF0000; ">http-equiv</span><span style="color: #0000FF; ">="Cache-Control"</span><span style="color: #FF0000; ">&nbsp;content</span><span style="color: #0000FF; ">="no-store"</span><span style="color: #0000FF; ">/&gt;</span><span style="color: #000000; "><br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">meta&nbsp;</span><span style="color: #FF0000; ">http-equiv</span><span style="color: #0000FF; ">="Pragma"</span><span style="color: #FF0000; ">&nbsp;content</span><span style="color: #0000FF; ">="no-cache"</span><span style="color: #0000FF; ">/&gt;</span><span style="color: #000000; "><br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">meta&nbsp;</span><span style="color: #FF0000; ">http-equiv</span><span style="color: #0000FF; ">="Expires"</span><span style="color: #FF0000; ">&nbsp;content</span><span style="color: #0000FF; ">="0"</span><span style="color: #0000FF; ">/&gt;</span><span style="color: #000000; "><br />
<br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">script</span><span style="color: #0000FF; ">&gt;</span><span style="background-color: #F5F5F5; color: #000000; "><br />
</span><span style="background-color: #F5F5F5; color: #0000FF; ">var</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;_contextPath&nbsp;</span><span style="background-color: #F5F5F5; color: #000000; ">=</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;'${ctx}';<br />
</span><span style="color: #0000FF; ">&lt;/</span><span style="color: #800000; ">script</span><span style="color: #0000FF; ">&gt;</span><span style="color: #000000; "><br />
<br />
</span><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">script&nbsp;</span><span style="color: #FF0000; ">src</span><span style="color: #0000FF; ">="&lt;c:url&nbsp;value="</span><span style="color: #FF0000; ">/scripts/jquery/jquery.js"</span><span style="color: #0000FF; ">/&gt;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;type=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">text</span><span style="background-color: #F5F5F5; color: #000000; ">/</span><span style="background-color: #F5F5F5; color: #000000; ">javascript</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;&lt;/script&gt;<br />
&lt;link&nbsp;href=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&lt;</span><span style="background-color: #F5F5F5; color: #000000; ">c:url&nbsp;value</span><span style="background-color: #F5F5F5; color: #000000; ">=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">/scripts/styles/default.css</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">/&gt;</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;type=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">text</span><span style="background-color: #F5F5F5; color: #000000; ">/</span><span style="background-color: #F5F5F5; color: #000000; ">css</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&nbsp;rel=</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">stylesheet</span><span style="background-color: #F5F5F5; color: #000000; ">"</span><span style="background-color: #F5F5F5; color: #000000; ">&gt;</span></div>
<br />
其中，<br />
<br />
<div style="background-color: #eeeeee; font-size: 13px; border-left-color: #cccccc; padding-right: 5px; padding-bottom: 4px; padding-left: 4px; padding-top: 4px; width: 98%; word-break: break-all; "><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #0000FF; ">function</span><span style="color: #000000; ">&nbsp;jqGridInclude()<br />
{<br />
&nbsp;&nbsp;&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">&nbsp;var&nbsp;pathtojsfiles&nbsp;=&nbsp;"/greatwall/scripts/plugIn/jqGrid/";&nbsp;//&nbsp;need&nbsp;to&nbsp;be&nbsp;ajusted&nbsp;</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">var</span><span style="color: #000000; ">&nbsp;pathtojsfiles&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;_contextPath&nbsp;</span><span style="color: #000000; ">+</span><span style="color: #000000; ">&nbsp;</span><span style="color: #000000; ">"</span><span style="color: #000000; ">/scripts/plugIn/jqGrid/</span><span style="color: #000000; ">"</span><span style="color: #000000; ">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">&nbsp;set&nbsp;include&nbsp;to&nbsp;false&nbsp;if&nbsp;you&nbsp;do&nbsp;not&nbsp;want&nbsp;some&nbsp;modules&nbsp;to&nbsp;be&nbsp;included</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">var</span><span style="color: #000000; ">&nbsp;combineIntoOne&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;</span><span style="color: #0000FF; ">false</span><span style="color: #000000; ">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">var</span><span style="color: #000000; ">&nbsp;combinedInclude&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;</span><span style="color: #0000FF; ">new</span><span style="color: #000000; ">&nbsp;Array();<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">var</span><span style="color: #000000; ">&nbsp;combinedIncludeURL&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;</span><span style="color: #000000; ">"</span><span style="color: #000000; ">combine.php?type=javascript&amp;files=</span><span style="color: #000000; ">"</span><span style="color: #000000; ">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">var</span><span style="color: #000000; ">&nbsp;minver&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">var</span><span style="color: #000000; ">&nbsp;modules&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;[<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.locale</span><span style="color: #000000; ">-</span><span style="color: #000000; ">en.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.locale</span><span style="color: #000000; ">-</span><span style="color: #000000; ">en</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'},&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">&nbsp;jqGrid&nbsp;translation</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.base.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.base</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'},&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">&nbsp;jqGrid&nbsp;base</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.common.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.common</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'&nbsp;},&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">&nbsp;jqGrid&nbsp;common&nbsp;for&nbsp;editing</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.formedit.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.formedit</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'&nbsp;},&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">&nbsp;jqGrid&nbsp;Form&nbsp;editing</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.inlinedit.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.inlinedit</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'&nbsp;},&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">&nbsp;jqGrid&nbsp;inline&nbsp;editing</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.celledit.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.celledit</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'&nbsp;},&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">&nbsp;jqGrid&nbsp;cell&nbsp;editing</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.subgrid.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.subgrid</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'},&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">jqGrid&nbsp;subgrid</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.treegrid.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.treegrid</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'},&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">jqGrid&nbsp;treegrid</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.custom.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.custom</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'},&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">jqGrid&nbsp;custom&nbsp;</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.postext.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.postext</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'},&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">jqGrid&nbsp;postext</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.tbltogrid.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.tbltogrid</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'},&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">jqGrid&nbsp;table&nbsp;to&nbsp;grid&nbsp;</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;include:&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">,&nbsp;incfile:'grid.setcolumns.js',minfile:&nbsp;'min</span><span style="color: #000000; ">/</span><span style="color: #000000; ">grid.setcolumns</span><span style="color: #000000; ">-</span><span style="color: #000000; ">min.js'}&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">jqGrid&nbsp;setcolumns</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;];<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">var</span><span style="color: #000000; ">&nbsp;filename;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">for</span><span style="color: #000000; ">(</span><span style="color: #0000FF; ">var</span><span style="color: #000000; ">&nbsp;i</span><span style="color: #000000; ">=</span><span style="color: #000000; ">0</span><span style="color: #000000; ">;i</span><span style="color: #000000; ">&lt;</span><span style="color: #000000; ">modules.length;&nbsp;i</span><span style="color: #000000; ">++</span><span style="color: #000000; ">)<br />
&nbsp;&nbsp;&nbsp;&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">if</span><span style="color: #000000; ">(modules[i].include&nbsp;</span><span style="color: #000000; ">===</span><span style="color: #000000; ">&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">)&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">if</span><span style="color: #000000; ">&nbsp;(minver&nbsp;</span><span style="color: #000000; ">==</span><span style="color: #000000; ">&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">)&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filename&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;pathtojsfiles</span><span style="color: #000000; ">+</span><span style="color: #000000; ">modules[i].incfile;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">else</span><span style="color: #000000; ">&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filename&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;pathtojsfiles</span><span style="color: #000000; ">+</span><span style="color: #000000; ">modules[i].minfile;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">if</span><span style="color: #000000; ">&nbsp;(combineIntoOne&nbsp;</span><span style="color: #000000; ">!==</span><span style="color: #000000; ">&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">)&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;IncludeJavaScript(filename);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;</span><span style="color: #0000FF; ">else</span><span style="color: #000000; ">&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;combinedInclude[combinedInclude.length]&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;filename;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">if</span><span style="color: #000000; ">&nbsp;((combineIntoOne&nbsp;</span><span style="color: #000000; ">===</span><span style="color: #000000; ">&nbsp;</span><span style="color: #0000FF; ">true</span><span style="color: #000000; ">)&nbsp;</span><span style="color: #000000; ">&amp;&amp;</span><span style="color: #000000; ">&nbsp;(combinedInclude.length</span><span style="color: #000000; ">&gt;</span><span style="color: #000000; ">0</span><span style="color: #000000; ">)&nbsp;)&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">var</span><span style="color: #000000; ">&nbsp;fileList&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;implode(</span><span style="color: #000000; ">"</span><span style="color: #000000; ">,</span><span style="color: #000000; ">"</span><span style="color: #000000; ">,combinedInclude);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;IncludeJavaScript(combinedIncludeURL</span><span style="color: #000000; ">+</span><span style="color: #000000; ">fileList);<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">function</span><span style="color: #000000; ">&nbsp;implode(&nbsp;glue,&nbsp;pieces&nbsp;)&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">&nbsp;http://kevin.vanzonneveld.net</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">original&nbsp;by:&nbsp;Kevin&nbsp;van&nbsp;Zonneveld&nbsp;(http://kevin.vanzonneveld.net)</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">example&nbsp;1:&nbsp;implode('&nbsp;',&nbsp;['Kevin',&nbsp;'van',&nbsp;'Zonneveld']);</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000; ">//</span><span style="color: #008000; ">returns&nbsp;1:&nbsp;'Kevin&nbsp;van&nbsp;Zonneveld'</span><span style="color: #008000; "><br />
</span><span style="color: #000000; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">return</span><span style="color: #000000; ">&nbsp;(&nbsp;(&nbsp;pieces&nbsp;</span><span style="color: #0000FF; ">instanceof</span><span style="color: #000000; ">&nbsp;Array&nbsp;)&nbsp;</span><span style="color: #000000; ">?</span><span style="color: #000000; ">&nbsp;pieces.join&nbsp;(&nbsp;glue&nbsp;)&nbsp;:&nbsp;pieces&nbsp;);<br />
&nbsp;&nbsp;&nbsp;&nbsp;};<br />
&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">function</span><span style="color: #000000; ">&nbsp;IncludeJavaScript(jsFile)<br />
&nbsp;&nbsp;&nbsp;&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">var</span><span style="color: #000000; ">&nbsp;oHead&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;document.getElementsByTagName('head')[</span><span style="color: #000000; ">0</span><span style="color: #000000; ">];<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000FF; ">var</span><span style="color: #000000; ">&nbsp;oScript&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;document.createElement('script');<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;oScript.type&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;'text</span><span style="color: #000000; ">/</span><span style="color: #000000; ">javascript';<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;oScript.src&nbsp;</span><span style="color: #000000; ">=</span><span style="color: #000000; ">&nbsp;jsFile;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;oHead.appendChild(oScript);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;};<br />
};<br />
<br />
jqGridInclude();</span></div>
<br />
<img src ="http://www.blogjava.net/wangbing/aggbug/261058.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wangbing/" target="_blank">wangchangbing</a> 2009-03-20 15:56 <a href="http://www.blogjava.net/wangbing/archive/2009/03/20/261058.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>jQuery插件收集</title><link>http://www.blogjava.net/wangbing/archive/2009/03/18/260452.html</link><dc:creator>wangchangbing</dc:creator><author>wangchangbing</author><pubDate>Wed, 18 Mar 2009 04:42:00 GMT</pubDate><guid>http://www.blogjava.net/wangbing/archive/2009/03/18/260452.html</guid><wfw:comment>http://www.blogjava.net/wangbing/comments/260452.html</wfw:comment><comments>http://www.blogjava.net/wangbing/archive/2009/03/18/260452.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.blogjava.net/wangbing/comments/commentRss/260452.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/wangbing/services/trackbacks/260452.html</trackback:ping><description><![CDATA[<a href="http://methvin.com/jquery/splitter/3csplitter.html">http://methvin.com/jquery/splitter/3csplitter.html</a>&nbsp;&nbsp;这个是一个layout的插件，不过比较简陋
<img src ="http://www.blogjava.net/wangbing/aggbug/260452.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/wangbing/" target="_blank">wangchangbing</a> 2009-03-18 12:42 <a href="http://www.blogjava.net/wangbing/archive/2009/03/18/260452.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>