what is the RIA? just it…||咖啡兔jQuery

利用JavaScript获取窗口/Body的宽度和高度(让jqGrid自适应窗口大小)

咖啡兔 — Fri, 20 Aug 2010 05:07:24 +0000

项目中使用了easy-ui和jqGrid，我使用easy-ui的layout布局，然后用jqGrid显示数据列表，easyu-ui在改变窗口大小的时候可以自适应，而jqGrid要加一些盐了，所以用到了获取窗口大小的几个参数，这样就可以根据窗口大小改变的时候改变jqGrid的高度和宽度，从网站找的别人写的例子：

演示地址：http://demo.wsria.cn/window/window-all-size.html

可以试着改变窗口大小然后点击“尺寸调试”按钮。
下面分享一下easy-ui的layout布局中把jqGrid列表页面嵌入到iframe的大小例子

功能函数：

function autoResize(options) {
// 第一次调用
var size = getWidthAndHeigh();
if ($.isFunction(options.callback)) {
	options.callback(size);
}
 
// 窗口大小改变的时候
window.onresize = function() {
	var size = getWidthAndHeigh(true);
	$(options.dataGrid).jqGrid('setGridHeight', size.height).jqGrid('setGridWidth', size.width);
};
 
// 获取iframe大小
function getWidthAndHeigh(resize) {
	var iframeHeight = document.body.clientHeight;
	var iframeWidth = document.body.clientWidth;
	// chrome
	if ($.common.browser.isChrome()) {
		iframeWidth -= 16;
		iframeHeight -= 85;
	}
	// firefox
	else if ($.common.browser.isMozila()) {
		iframeWidth -= 15;
		iframeHeight -= 85;
		if (resize) {
			iframeWidth += 18;
			iframeHeight += 13;
		}
	} 
	// IE
	else {
		iframeWidth -= 12;
		iframeHeight -= 83;
		if (resize) {
			iframeHeight += 15;
			iframeWidth += 10;
		}
	}
	return {width: iframeWidth, height: iframeHeight};
}
 
}

这里需要说明的是要根据浏览器的不同进行高度和宽度的调整！

使用方法：

autoResize({
        dataGrid: '#list',
	callback: listPropDatas
});

最大化窗口后自动填充

窗口缩小之后，随意大小，自动填充

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/1147 | 利用JavaScript获取窗口/Body的宽度和高度(让jqGrid自适应窗口大小)

工欲善其事，必先利其器

咖啡兔 — Fri, 30 Jul 2010 02:29:17 +0000

子曰:“工欲善其事,必先利其器。居是邦也,事其大夫之贤者,友其士之仁者

这句话是我近两年的座右铭，引用百科的解释：“工匠想要使（他的）工作做好，一定要先使工具锋利。比喻要做好一件事，准备工作非常重要。”；解释的很清楚，这就和做事要有计划是一个道理。
还有一个我欣赏的话：

无欲速，无见小利。欲速，则不达；见小利，则大事不成。

引用百科的解释：“欲：想要；速：快速；达：达到（目的）。过于急性反而不能达到目的。”

这些真理就如同孙子兵法一样适用，咱们也可以拿到今天来分析一下现在的情况；顺便说一下我写这篇文章的目的，因为开博客同时也建立了2个有关RIA开发的群所以有很多网友找我问问题，询问问题的可以分为两类：

第一类：新手

刚刚接触jQuery或者是Java Web编程的新人，Java和Javascript(jQuery)的基础比较薄弱，有些是刚刚接触SSH架构，有些是刚刚学习web编程，共同特点都是不知道自己要学习什么、怎么学习技术……

他们来我博客找我或者在QQ群里面问，对于这类童鞋我的回答首先问了3个问题：

找准学习的目标
你是否准好了进入IT行业（当民工）
是否有编程的兴趣

对于第一点是给自己在IT路上找准定位，当然对于程序员来说是学习哪一门语言，例如：Java、C++、C#、PHP、.NET等等，当然如果从事基于Web的编程还要学习CSS、Javascript……，你找准了吗？

对于第二点和第三点是心态，很多新人刚刚进入IT行业都会问同样的话题：IT行业发展好吗？IT行业累吗？

我的回答很简单只有两个字：好、累。

就像今天一个到群里面来的一个正在培训的学生，公布一下聊天记录：

Alexandra 23:07:25
it行业如何了
Alexandra 23:07:32
是不是可累了。。
咖啡兔 23:07:34
看你是否喜欢了
Alexandra 23:07:37
。。。
咖啡兔 23:07:41
IT累是肯定的

看得出这个新人有点汗了……他担心自己能不能承受，还有IT技术更新非常快，需要不间断的学习新技术才可以跟得上发展才不会被社会淘汰

Alexandra 23:03:53
晕，技术更新那么快，，，不活了。。。

像这种态度是万万不能有的，既然你选择了这一行就要坚持做下去；所以这里说到了对于软件的兴趣，兴趣是我们大家的良师益友是我们事半功倍的利器，如果没有兴趣再聪明的人也成不了气候，看大这里问一下自己有兴趣吗？
就像我一样初三的时候用借亲戚的学习机和同学的学习机说明书学习五笔，后来学习basic语言一样，你有这样的兴趣吗？

看完这些如果是新人仔细考虑一下吧……#&（#&￥（##&（#&

如果是选择了“没有”的人或许不再继续看下去了，那就留给那些选择“有”的童鞋们：

1、问问题

这里要说的是学习技术的心态，这么长时间来很多人在群里面问问题都是直接说XXX问题怎么解决，有没有使用XXX软件或者插件之类的；群是什么？群是大家讨论问题的一个平台，而有一部分人把群当成了所有知识的来源，就想咱们平常用到的框架或者各种插件使用方法，这些知识在哪里？怎么获取？这两个问题是新童鞋们要搞清楚的，当然还有一些经常这么问问题的老童鞋们；但凡开源软件（鄙视微软）都有官方的文档，而这种文档时机器重要的武器，他是我们获取技术的最佳途径也是最标准的途径，所以你要多看官网文档，像大家经常用到的SSH架构遍地都是，例如那些《无师自通XXX》、《21天精通XXX》，《XXX秘籍》等等……而且还有很多外国牛人写的书国人翻译的，所以这个没有什么问题，在SSH开发中遇到的问题首先要Google（不建议使用百度，技术百度不行，内事还凑合）有没有相同的问题，如果实在找不到再到群里面询问，问的时候也不要急如果有人知道肯定会帮你解决，要不然怎么会有那么多的开源软件供你用呀……

2、学习新技术

而对于目前前端开发使用比较多的jQuery的插件就没有像SSH那么多的书可以看了，当然国内的和国外也有人写关于这方面的书，像国外的《jQuery实践》和国内的cssrain和小飞写的《锋利的jQuery》，都是讲jQuery核心库的知识……当然你也可以不看书而是看jQuery的API文档，官方的文档东西基本都是面面俱到因为这个也是判定一个程序、插件好坏的一个要素，就像我08年学习jQuery一样花了一周看了小飞那帮人翻译制作的CHM的API文档+写测试代码直接就在项目中使用了，大概记下了jQuery提供的功能知道能实现什么，看文档的时候比较难理解的就写代码加深记忆……

上面这些就当做是对新手的入门指引吧

得得得……有点跑题了，该说说那些正在代码海洋中挣扎的民工了

第二类：处在(牛A与牛C)之外的

我也是这一类人。

这里要说说在实际的企业应用中的规则了，拿Java企业应用来说吧（Java之外的朋友别骂我……我只会Java），Java这家伙是一杯香浓的咖啡也是一杯混合了各种调料的与咖啡豆的水；把Java当做水来看把基于Java开发的框架和插件当做是咖啡豆与调料，N多的插件把咖啡调成多种口味，多种吃法。先感叹一下：当民工3年多到现在感觉我要学习的东西还很多……。

企业应用如同多种口味的咖啡，Java发展10余年全球的开发者们也开发除了上万的各种插件供企业开发应用，感谢你们……

企业应用的开发可不是像你写一个DEMO或者测试那么简单，用的技术很多例如：Struts、Hibernate、Spring、WebService、Jms和前端的[X]HTML、CSS、Javascript、Flash、Flex等等，当然还有企业的宝库-数据库，面对这么多的东西对于不在

(牛A与牛C)之间的我们怎么办？我的想法是——逐个击破，平常工作没有时间就挤时间学习你欠缺的技术，学习和提问题方法上面已经提到了就是三步走：官网文档–>Google–>技术群；

1、准备好技术（未雨绸缪）

既然要开发出高质量、搞用户体验的易用系统那就要准备好开发所需要使用的各方面的技术知识，比如坚固的后台架构和搞用户体验+美观的UI，当然这个都有很多人共同完成（像我在小公司里面前后台都得搞，大公司就分工比较清晰了）；如果你负责后台的编码工作那就要有坚实的Java基础，比如一些模式、第三方提供的jar包等等，这些东西会让你在开发过程中祈祷事半功倍的效果，因为你不需要闭门造车而是学会怎么使用就可以了（除非你想深入了解它们）；

如果你是前端或者专注前端开发那你需要准备好比如XHTML\CSS\Javascript\JSON等这些常用的技术（具体的内容不在本文讨论范围不再解释）

好，需要什么技术都清楚了那么给你一个场景，老板让你开发一个B/S的财务软件，这个就可以使用标准的SSH2架构和RIA方式开发再合适不过了，那么你现在具备这样的能力吗？SSH架构会搭建吗？Ajax方式的RIA会些吗？引入下一话题

2、时刻准备着

国内软件行业的情形和国外不通，你可能听过一些牛人都是精通或者熟练几种语言，精通或者熟练应用各种模式，这是为什么呢？国情决定了我们必须这么做而且还是时刻……因为国内的公司需要的是全才，每年毕业的那么多大学生，2009年有611万大学毕业生，这么多毕业生和你竞争，是，他们刚刚毕业对你影响好像很小或许你认为对你没有威胁，但是他们在工作中进步一年两年后呢？而且他们工资又比你低相对于他们来说你还有优势吗？

说着说着有些激动了……社会是残酷的，还是说技术吧

我先举个例子，看过我博客的童鞋可能知道我08年开发了一个简单的个人账务管理系统，当时也是为了学习一些技术才写的，为的就是在Java中和jQuery集成，就是不想让自己落伍跟得上技术的进步，因为这个我09年有机会接了一个私活（嘿嘿），拿到单子很快就用我自己写的那个小系统的架子开始开发了……

所以既然我们站在了这个行业就要遵守游戏规则，一些新的、利于企业应用的技术我们都要学习以备以后开发中使用，这才是作为一个标准的IT人才所要做的也是必须做的，只有这样我们才有资本和别人竞争。

如果你有空余时间可以看看技术方面的书籍，或者研究一些新技术以后日后使用这是为自己增加资本，对于你和公司来说是双赢，何以不为？

========================华丽的分割线========================
说说网友问的比较多的jQuery吧，看看他们都是怎么提问的：

A君：怎么获取一个元素的高度？
B君：有用过XXX插件的吗？
C君：jqGrid怎么用？

看到这些问题我真的很无奈……我说过多少次了先去看文档看文档看文档，看API……那么详细的文档为什么不利用起来呢？要不然官方还写这些干嘛，既然你要使用这个软件、产品或者插件就要从官方了解它可以做什么然后再逐个看演示或者文档说明，这样你在使用的时候才知道怎么设计出好的作品才会得心应手，就拿我最近在用jqGrid插件吧，是我认为很好的插件，一个是功能很全面，另外一个就是衡量插件是否好的——文档齐全，我是看的jqGrid官方提供的DEMO和WIKI文档顺利开发了基于列表的功能；有很多群里面的童鞋一个接一个的问jqGrid的XXX功能怎么实现，如果你要实现编辑功能那就去搜索edit，如果你要实现搜索功能那就找search，文档的参数列表很清晰的说明哪一个参数的功能，还有一些默认值的配置，看看验证一下下一次就手到擒来不是吗……

结束语：

很少写这样的文章感觉要说的话很多却不知道表达出来，可能这是搞技术的共同特点，而且还是闷骚型的（前公司的部门经理说的）

说实话感觉写的这篇文章比较乱，因为很少写类似的东西给大家看，我也是想到什么写什么，写的不好还望见谅，总之一句话：“工欲善其事必先利其器”，机会是留给有准备的人，要知道学什么和怎么学……祝你事业有成！

咖啡兔于2010年7月30日

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/1026 | 工欲善其事，必先利其器

[转][推荐]15 个 JavaScript Web UI 库

咖啡兔 — Thu, 20 May 2010 01:56:30 +0000

从cnbeta.com看到的，分享给大家；原文：http://www.cnbeta.com/articles/111512.htm

几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。 LivePipe
LivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。

LivePipe 首页与下载
 LivePipe 演示与示例

UKI

UKI 是一套简单的 JavaScript UI 工具集，用于快速创建桌面风格的 Web 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 jQuery 的开发者会发现这个工具很容易上手，非常简洁，无需安装框架，不依赖 CSS 引用。

UKI 主页与下载
 UKI 控件，演示，示例

MochaUI

MochaUI 是 MooTools Javascript 框架与 ExplorerCanvas 的一个备受欢迎的扩展，可以用来快速创建 Web 应用，Web 桌面，网站，饰件，独立 Windows，Modal 对话框等等。

MochaUI 主页与下载
 MochaUI 控件，演示，示例

中文编译来源：锐商企业CMS 网站内容管理系统官方网站
Sigma Ajax UI Builder
SigmaVisual 是一套基于 Web 的，所见即所得的 AJAX UI 创建工具，包含超过40个不见，如 Tab，对话框，树形图，时间线等，基于 JavaScript 和 PHP。

Sigma Ajax UI Builder 主页和下载
 Sigma Ajax UI Builder 控件，演示和示例

JxLib based MooTools

JxLib 是一个基于 MooTools 的 JavaScript UI 框架，包含多数 Web 程序都需要的基本空间，如按钮，Tab，菜单，树形结构，对话框等等。JxLib 还支持换肤功能。

JxLib 主页与下载
 JxLib 控件，演示与示例

Dijit – The Dojo Toolkit

Dijit 基于 Dojo，也是学习 Dojo 扩展的一个好起点。可以用来创建非常漂亮的 Web 2.0 GUI。支持多语种，甚至支持不同语种的文字书写方向以及本地化数字，日期等等。

Dijit 主页，下载
 Dijit 控件，演示，示例

jQuery TOOLS

jQuery Tools 是一个非常轻量（2.5kb）的常用 UI 库，支持以下 jQuery 对象，Tabs, 工具提示，滚动条，层，表单以及 Flash 嵌套。

jQuery TOOLS 主页与下载
jQuery TOOLS 控件，演示，示例

jQuery UI

jQuery UI 基于 jQuery，包含 3 个大类，饰件，一些内置的 UI 对象；效果，对各种网页对象施加动画效果（如爆炸效果）；鼠标交互，如拖放操作。

jQuery UI 首页与下载
 jQuery UI 控件，演示与示例

Prototype UI

Prototype UI 基于 Prototype 与 Script.aculo.us，包括多个模块（旋转木马，Modal 窗口，阴影，右键菜单等），每个模块可以单独安装使用。

Prototype UI 主页与下载
 Prototype UI 控件，演示与示例

Jitsu

Jitsu 功能包括 XML 标记，页面编译，动画引擎，Ajax 以及运行时检测等等，它的 Ajax 功能使消费级 Web 应用的创建变得非常简单，支持客户端数据绑定，还可以将页面编译成 JavaScript，Jitsu 在 Firefox 和 IE 中运行最佳。

Jitsu 主页与下载
 Jitsu 控件，演示与示例

Qutensil
Qutensil 仍在开发中，但其路线图已经显示出某些引人注目的东西，基于 Prototype 与 Scriptaculous ，包含消息，调色板，滑动条，工具提示，可拖放窗口以及警告，确认，提示等窗口。

Qutensil 主页，下载
 Qutensil 控件，演示，示例

Script.aculo.us
script.aculo.us 是一个备受欢迎的 UI 工具集，基于 Prototype 框架，提供了诸如视觉效果，UI 控件以及面向 DOM 的工具。

Script.aculo.us 首页与下载

Alloy UI
AlloyUI 是一套功能丰富的 UI 框架，基于 YUI 3，部分基于 YUI 2，包含一套丰富的（超过60）UI 部件，如图片库，对话框，树形结构，面板，自动完成，按钮，日历控件，工具条等。

Alloy UI 首页和下载
 Alloy UI 控件，演示与示例

iUI: iPhone UI 框架

IUI 包含一套 JavaScript 库，CSS 式样表及图片，是一个轻量级 iPhone UI 库，包含 iPhone 风格导航菜单，设备方向，iPhone 风格切换等功能，可以为你的 Web 程序带来 iPhone 般的体验。

iUI 主页与下载
XUI

XUI 是一个用于移动 Web 应用的轻量，极简，高度模块化的框架。它之所以非常轻量的原因是，它只支持移动浏览器，所有跨浏览器支持的代码都被剥离。它面向一线移动 Web 浏览器，如 Webkit，Fennec 以及 Opera，并有意将来对移动 IE 和黑莓提供支持。

XUI 首页，下载
Yahoo! YUI Library

Yahoo! YUI Library 可谓所有 Web UI 之父，可靠，功能丰富，目前已经发展到第 3 版。它拥有一个很庞大的开发团队，推出了非常丰富的功能，就功能而言，无可匹敌。

YUI Library 主页与下载
 YUI2 入门
YUI3 入门
YUI3 控件，演示与示例

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/974 | [转][推荐]15 个 JavaScript Web UI 库

直逼 Flash 的流畅感：jQuery 运动特效展示

咖啡兔 — Tue, 02 Mar 2010 06:41:46 +0000

新闻来源:devsnippets.com
围剿 Flash 的不仅有 HTML 5，还有 JavaScript，著名的 JavaScript 框架 jQuery 在运动特效方面已经越来越流畅，有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效，这些效果可以更有效地展示你的内容。

让Flash喝西北风去吧，走，看看jQuery多牛X……

1. 流感导航菜单
下面的导航菜单，当鼠标在上面移动的时候，会很流畅地垂下解释菜单，当你将鼠标在上面快速左右移动的时候，会怀疑这是 Flash。

2. 转花灯
Roundabout 是一个 jQuery 插件，可以将一组 HTML 对象转换为旋转花灯的效果。

3. 拉洋片
拉洋片也许是 jQuery 最拿手的效果了。该效果在遇到 JavaScript 被禁用的场合会自动降级使用。

4. jQuery Quicksand 插件
这个让人赞叹的插件，可以对一组 HTML 对象重新洗牌，效果非常出众。

5. 导航滑块
这种风格的导航已经见于很多站点，鼠标在导航菜单上移动的时候，一个高亮指示条随着鼠标滑动，指示当前的导航位置。

6. 文字的移动纹理
在文字上，显示移动的纹理，效果美轮美奂。原理是，做一个带透明文字的 PNG 图像放在一个容器里，容器的背景放一张图案，用 jQuery 移动容器的背景，很简单，不过，不支持 IE6，因为 IE6 不支持 PNG。

7. jDiv: jQuery 导航 Tab
一个可以显示丰富内容的下拉导航菜单（演示要翻墙）。

8. 基于 CSS3 和 jQuery 的半透明导航系统
鼠标在导航菜单上移动，显示半透明的指示图标。CSS3 做这个实在太容易了。

9. 云台式拉洋片
常规的拉洋片效果要么左到右，要么右到左，或者垂直上下，这个 jQuery 效果可以象云台那样扫镜头。

10. SlideDeck
SlideDeck 是一种新颖的内容展示方式，有点类似 Outlook 的手风琴菜单，但视觉效果和用户体验更好一些。

本文来源：http://devsnippets.com/article/10-jquery-transition-effects.html
中文编译来源：锐商企业CMS 网站内容管理系统官方网站

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/918 | 直逼 Flash 的流畅感：jQuery 运动特效展示

jQuery技巧大放送( 0 )
jQuery入门教程PPT( 1 )
15天学会jquery( 0 )
jQuery 1.4 正式版发布啦(14 Days of jQuery)( 0 )
一行jQuery代码打印九九乘法表( 2 )
jQuery.plugin——滚动条(连贯感觉)( 0 )
jQuery性能优化指南( 0 )
如何判断一个请求是否为AJAX请求( 2 )

新年新气象，博客新面貌

咖啡兔 — Sat, 27 Feb 2010 09:24:52 +0000

感谢大家一年来对我的支持，一年来发布了一些技术文章和一个基于Java（SSH架构）、jQuery的开源系统，得到了网友的支持，今年也会多多发表博文，和广大网友共同进步，将技术进行到底……
这次更换主题添加了几个插件，例如：评分和目前的Buzz推荐文章等等……以后会增加其他功能，敬请期待，当然这些都是次要的

今年计划在6月份前推出基于Strtus2版本的开源账务管理系统

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/827 | 新年新气象，博客新面貌

jQuery 1.4.1 中文文档 CHM 版发布

咖啡兔 — Tue, 02 Feb 2010 14:56:25 +0000

小飞翻译并制作的中文CHM jQuery 1.4.1文档

CHM文档地址：http://code.google.com/p/jquery-api-zh-cn/downloads/list

小飞博客：http://shawphy.com/2010/02/jquery-1-4-1-api-zh-cn-chm-released.html

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/807 | jQuery 1.4.1 中文文档 CHM 版发布

jQuery1.4 API 区别与更新中文版

咖啡兔 — Tue, 19 Jan 2010 11:32:11 +0000

前几天发不过jQuery1.4 正式版的简单更新说明，后来在网上找到 金山(一个网友) 博客翻译了，现在这社会就得做自己所长的，所以借用过来供大家看看：http://js.007studio.net/?p=276

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/796 | jQuery1.4 API 区别与更新中文版

jQuery 1.4 正式版发布啦(14 Days of jQuery)

咖啡兔 — Fri, 15 Jan 2010 02:18:41 +0000

jquery 1.4

发布了两个alpha版本，4小时前终于发布了1.4正式版，先放链接：

jQuery Minified (23kb?Gzipped)
jQuery Regular (154kb)
http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

大致看了一下官网的更新文档：

jQuery1.4对代码库进行了内部重写组织，开始建立一些风格规范。老的core.js文件被分为attribute.js, css.js, data.js, manipulation.js, traversing.js和queue.js。CSS和attribute的逻辑分离。并修正了207个老版本的错误。

1、Easy Setter Functions（可以自定义一个function设置属性值）

.css(), .attr(), .val(), .html(), .text(), .append(), .prepend(), .before(), .after(), .replaceWith(), .wrap(), .wrapInner(), .offset(), .addClass(), .removeClass(), and .toggleClass().这些setter方法可以传入一个function根据业务自定义需要设置的值

// find all ampersands in A's and wrap with a span
$('a').html(function(i,html){
  return html.replace(/&/gi,'&');
});
// Add some information to the title of the anchors
$('a[target]').attr("title", function(i,title){
  return title + " (Opens in External Window)";
});

重写了这些常用方法，大幅度提升性能
另外，attribute（改进了.attr()的性能）、jQuery()核心函数、CSS（.css()性能有两倍提升）、特效和事件、DOM操作等也有显著改进。

2、Ajax增加[保持原有数据类型标示]

在1.4版本之前如果想后台发送数据：{foo: ["bar", "baz"]}，则最后参数为foo=bar&foo=baz

// Enables for all serialization
jQuery.ajaxSettings.traditional = true;
 
// Enables for a single serialization
jQuery.param( stuff, true );
 
// Enables for a single Ajax requeset
$.ajax({ data: stuff, traditional: true });

使用traditional = true后参数为：foo[]=bar&amp;foo[]=baz

3、Ajax请求数据类型为[JSON, JavaScript]会自动识别

这一特性我认为做得很好，虽然现在还没有体验这个功能，之前开始用的时候也想过这个问题，为什么不能自动识别类型呢……

现在终于实现了，呵呵

如果在请求后台数据的时候没有设置类型，而后台返回的是JSON(application/json)或者JavaScript mime type (text/javascript or application/x-javascript)，如果类型为javascript则加载完成后会自动执行

E文烂，简单说一下吧

【其他新特性】：
1、增加对HTML5的支持
2、所有Ajax的Success回调增加XMLHttpRequest为第三个参数

【官网1.4版本相关链接】
jQuery1.4 API：http://api.jquery.com/category/version/1.4

下载、版本特性请访问：http://jquery14.com/day-01/jquery-14

期待中文API文档早日完成……

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/772 | jQuery 1.4 正式版发布啦(14 Days of jQuery)

推荐：2009 年度最佳 jQuery 插件

咖啡兔 — Sat, 12 Dec 2009 12:43:54 +0000

jQuery 是个宝库，而 jQuery 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。本文是 webdesignledger.com 网站推选的2009年度最佳 jQuery 插件。

拉洋片
在一个固定区域，循环显示几段内容，这种方式很像旧时的拉洋片，2009年，这种 Web 效果大行其道，jQuery 有大量与此有关的插件，以下插件无疑是最佳的。
AnythingSlider

由 CSS-Tricks 的 Chris Coyier 设计，功能齐全，应用十分广泛。
Easy Slider

这个 Content Slider 插件既包含传统“前后”导航模式，又包含页码式导航。
Coda-Slider 2.0

Coda-Slider 2.0 是对 Panic Coda 网站上对应效果的模仿。
图片库
那些需要借助 Flash 实现滑动与渐入渐出效果图片库的日子已经去过，借助 jQuery，这种效果已经可以在本地实现，以下是本年度备受欢迎的几个 jQuery 图片库插件。
Galleria

这是一个基于 jQuery 的图片库，可以逐个加载图片并显示缩略图。
jQuery Panel Gallery

一个可以高度定义的图片库插件，无需对单个图片进行任何处理，这个插件会帮你完成一切。
slideViewer

slideViewer 会检查你的图片列表中的编号，动态创建各个图片的页码浏览导航。
Supersized

一个令人惊讶的图片循环展示插件，包含各种变换效果和预加载选项，会对图片自动改变尺寸以适应浏览器窗口。
导航
我们相信，作为网站的导航系统，应该越简单，越易用越好，然而，假如你确实希望实现一些更炫的效果，jQuery 就是最好的选项，以下插件是09年最好的 jQuery 导航插件。
jquery mb.menu

Horizontal Scroll Menu with jQuery

AutoSprites

表单和表格
在 Web 设计中，表单和表格都是不是很讨人喜欢的东西，但你不得不面对，本年度出现几个不错的 jQuery 插件帮你完成这些任务。
Password Strength

这个插件帮你评估用户输入的密码是否足够强壮。
Ajax Fancy Capcha

顾名思义，一个支持 Ajax 又很炫的 jQuery Captcha 插件，它使用了很人性化的验证机制。
Chromatable

这个插件可以帮助你在表格上实现滚动条。
jqTransform

一个式样插件，帮助你对表单中的控件进行式样控制。
Uploadify

实现多个文件同时上传。
jExpand

一个很轻量的 jQuery 插件，使你的表格可以扩展，在一些商业应用中，可以让表格更容易组织其中的内容。

本文来源：http://webdesignledger.com/resources/the-best-jquery-plugins-of-2009
中文翻译来源：COMSHARP CMS 企业网站内容管理系统官方站

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/733 | 推荐：2009 年度最佳 jQuery 插件

[推荐]改进的提示插件-jQuery.hiAlerts.1.0

咖啡兔 — Mon, 27 Jul 2009 04:59:13 +0000

引用此版本修改者的话：

由于工作上需要，在jquery.Alerts基础上改进的一个插件，现在有提示框，确认框，输入框，弹出提示层，顶部浮动提示层5个效果，我重命名他为hiAlerts，hi表示招呼的意思，这个可能还要修改添加一些效果，所以暂定为1.0版吧

演示：http://www.cssrain.cn/demo/jquery.hiAlerts.1.0/demo.html

下载：jquery.hiAlerts.1.0.rar 共 417 次

之前用过一些类似的插件，感觉这个做的很简洁、实用，所以推荐给大家

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/659 | [推荐]改进的提示插件-jQuery.hiAlerts.1.0

站点GBK编码下jQuery Ajax中文乱码解决方案

咖啡兔 — Wed, 01 Jul 2009 05:18:03 +0000

哎，还是老话题，一直缠绕着国人……

现在来个快刀斩乱麻，let’s go
由于项目前期使用的是1.2.6版本，后期使用的是1.3.2版本，所以分开来讲;

说说实现的办法，有点暴力——直接修改jQury源码，不过不用担心，不会影响整体功能而且就修改几行代码就可以解决乱码，也就是在发送请求的时候把参数值再进行一次转码，修改的方法为param

1、jQuery 1.2.6 乱码解决办法

打开1.2.6版本的源文件

找到第2911、2921、2924行，分别修改对应参数值的地方包裹一层encodeURIComponent即可，修改后的结果如下：

param: function( a ) {
		var s = [];
 
		// If an array was passed in, assume that it is an array
		// of form elements
		if ( a.constructor == Array || a.jquery )
			// Serialize the form elements
			jQuery.each( a, function(){
				s.push( encodeURIComponent(this.name) + "=" + encodeURIComponent(encodeURIComponent( this.value )) );
			});
 
		// Otherwise, assume that it's an object of key/value pairs
		else
			// Serialize the key/values
			for ( var j in a )
				// If the value is an array then the key names need to be repeated
				if ( a[j] &amp;&amp; a[j].constructor == Array )
					jQuery.each( a[j], function(){
						s.push( encodeURIComponent(j) + "=" + encodeURIComponent(encodeURIComponent( this )) );
					});
				else
					s.push( encodeURIComponent(j) + "=" + encodeURIComponent(encodeURIComponent( jQuery.isFunction(a[j]) ? a[j]() : a[j] )) );
 
		// Return the resulting serialization
		return s.join("&").replace(/%20/g, "+");
	}

下载：jquery-encode-gbk.1.2.6.js 共 489 次
下载：jquery-encode-gbk.pack.1.2.6.js 共 405 次

2、jQuery 1.3.2 乱码解决办法

1.3.2的就不用这么麻烦了，因为这个版本简化了param方法的结构，只需要修改一行代码即可，因为只有一个地方转码了

找到第3737行，同样包裹一层encodeURIComponent，结果如下：

	param: function( a ) {
		var s = [ ];
 
		function add( key, value ){
			s[ s.length ] = encodeURIComponent(key) + '=' + encodeURIComponent(encodeURIComponent(value));
		};

下载：jquery-encode-gbk-1.3.2.js 共 850 次
下载：jquery-encode-gbk-.pack.1.3.2.js 共 845 次

重要说明：后台必须要转码：java.net.URLDecoder.decode(request.getParameter(“name”), “UTF-8″)

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/611 | 站点GBK编码下jQuery Ajax中文乱码解决方案

简单实现在基于Java的AJAX环境下未登录自动跳转流程详解(spring代理struts的action)

咖啡兔 — Mon, 22 Jun 2009 05:28:38 +0000

有过管理系统开发经验的程序员第一步肯定是做用户管理模块，当然可能会用到公司或者其他的产品，或者自己写用户管理模块，此模块主要的目的是区别每个用户的信息集合，限制用户的操作、数据列表等

今天讲的是用户登录问题，环境是基于JAVA语言，使用spring代理struts的Action，在使用spring创建的bean时执行一次验证拦截器来判断用户是否登录
下面进入正题：

struts的拦截器

package net.yanhl.struts.authority;
 
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import net.yanhl.util.UserUtil;
 
import org.aopalliance.intercept.MethodInterceptor;
import org.aopalliance.intercept.MethodInvocation;
import org.apache.struts.action.ActionMapping;
 
/**
 *Title: 判断用户是不是已经登陆
 *Description:
 *Copyright: Copyright (c) 2008
 *
 * @author 闫洪磊
 * @version 1.0.0.20080523
 */
public class UserAuthorityInterceptor implements MethodInterceptor {
	public Object invoke(MethodInvocation invocation) throws Throwable {
		HttpServletRequest request = null;
		HttpServletResponse response = null;
		ActionMapping mapping = null;
		Object[] args = invocation.getArguments();
		//转换各种对象
		for (int i = 0; i &lt; args.length; i++) {
			if (args[i] instanceof HttpServletRequest) {
				request = (HttpServletRequest) args[i];
			} else if (args[i] instanceof HttpServletResponse) {
				response = (HttpServletResponse) args[i];
			} else if (args[i] instanceof ActionMapping) {
				mapping = (ActionMapping) args[i];
			}
		}
		if (UserUtil.isLogin(request)) {
			return invocation.proceed();
		} else {
			/*
			 * 判断是哪种类型的请求(普通URL、AJAX)
			 * 如果是AJAX的输出一个login字符串
			 * 如果是普通页面直接跳转到登录页面
			*/
			String requestType = request.getHeader("X-Requested-With");
			if(requestType != null &amp;&amp; requestType.equals("XMLHttpRequest")) {
				response.getWriter().print(UserUtil.FORWARD_LOGIN);
				return null;
			} else {
				return mapping.findForward(UserUtil.FORWARD_LOGIN);
			}
		}
	}
}

基本功能就是检查用户是否已经登录

配置拦截路径


     class="org.springframework.aop.framework.autoproxy.BeanNameAutoProxyCreator">
    	 name="beanNames">
            >
               
            	>/field/*>
            	>/price/*>
            	>/locale/*>
            >
	    >
         name="interceptorNames">
            >
                >userAuthorityInterceptor> 
            >
        >
    >
 
    
	 id="userAuthorityInterceptor" class="net.yanhl.struts.authority.UserAuthorityInterceptor"/>

这里主要是配置拦截URL路径，进入ACTION之前会先进入UserAuthorityInterceptor判断用户是否登录

前端JS文件

这是我们要设置全局的一个ajaxSetup来控制所有ajax请求，代码如下：

$.ajaxSetup({
		cache : false,
		global : true,
		complete: function(req, status) {
			var reqText = req.responseText;
                        // 如果后台返回的是login字符串则可以跳转到登录页面
			if(reqText && reqText == 'login'){
				var topWinObj = getTopWin();
				topWinObj.location.href = '/exercise/login.html';
			}
		}
	});
/**
 * 获得最上层的window对象
 */
function getTopWin() {
	if(parent) {
		var tempParent = parent;
		while(true) {
			if(tempParent.parent) {
				if(tempParent.parent == tempParent) {
					break;
				}
				tempParent = tempParent.parent;
			} else {
				break;
			}
		}
		return tempParent;
	} else {
		return window;
	}
}

OK，启动服务测试，在没有登录的情况下打开主页面，执行一个保存动作发现直接跳转到了登录页面

本文只是说明一下实现的思路及主要代码，细节代码请读者自己实现，有问题请留言或者MSN，谢谢您的关注

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/588 | 简单实现在基于Java的AJAX环境下未登录自动跳转流程详解(spring代理struts的action)

如何判断一个请求是否为AJAX请求

咖啡兔 — Mon, 22 Jun 2009 03:26:58 +0000

昨天在搞一个系统的时候遇到一个问题，我要在后台判断这个请求来自哪里，就是说是通过URL直接访问的呢还是通过AJAX方式访问的，以此来判断该怎么处理和响应，在群里面询问了一下也没有人知道，后来就想修改JQUERY的源码，就是在提交的时候在URL中加入自定义的AJAX请求标示，但是想想这样做不太好，破坏了JQUERY的完整性；继续在搜索，后来终于发现了，哈哈

那么服务器如果区别这个请求是ajax呢？因为同步和异步ajax的请求的头文件是一样的。我们如果通过X-Requested-With”=”XMLHttpRequest”来标识这个请求是ajax的请求。如果服务器硬是要区分的话，就可以通过获取该头部来判断。

这是来自一篇JQUERY的AJAX请求的文章，这样我在后台获取header属性中的”X-Requested-With”就可以知道是什么类型的请求了

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/582 | 如何判断一个请求是否为AJAX请求

jQuery性能优化指南

咖啡兔 — Sat, 23 May 2009 06:54:48 +0000

第一部分：http://docs.google.com/View?id=dv9gvgk_6pdb5v4c6

第二部分：http://docs.google.com/View?id=dv9gvgk_7fdhtfvdn

第三部分：http://docs.google.com/View?id=dv9gvgk_8httvrgg6

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/555 | jQuery性能优化指南

用jQuery实现图片预加载.

咖啡兔 — Mon, 30 Mar 2009 15:16:15 +0000

网站系列中常用的图片预加载技术。

我将此技术用到了小图显示大图，效果还可以。

通过这个插件你可以完成更多的效果，比如图片相册，幻灯片等等。。。

期待更多朋友利用此插件开发更多效果。

演示：
http://cssrain.cn/demo/preloadimages/preload.html

下载：
http://cssrain.cn/demo/preloadimages/preloadimages.rar

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/485 | 用jQuery实现图片预加载.

一行jQuery代码打印九九乘法表

咖啡兔 — Wed, 25 Mar 2009 11:30:46 +0000

网友西_西_佛用一行代码打印九九乘法表
展示了jQuery的级联语法，简介且功能强大
这个程序的要求：不能用if,for,var xx =等常见js代码。只能用jquery的链式代码。

于是，要生成99表，必然要递归。可递归必然有终止的条件，那就得有if(n==0)return这样的
代码，又是不被允许的。那么jquery怎么才能终止呢？我想到了用find(‘p:lt(n)’)，n<0的时候
是会终止的。

而bind的使用，纯粹是为了递归循环。我们首先建立一个对象，绑定一个事件，无所谓了，比如error，然后在这个对象最后，triggerHandler一下，就能完成递归了。

这个程序有两个递归循环，外层的是建立九个，内层的是建立9个，在创建p的时候，把99口诀打出来。
代码如下：

$(document).ready(function(){
 
	$("").data('fact',8).css('margin','10px')
	         .appendTo(document.body)
			 .bind('error',function(){			 
				$(this).parent().find("div:lt("+ ($(this).data('fact')) +")").eq(0)
				       .before($(this).clone(true).data('fact',$(this).data('fact') - 1))
					   .unbind('error')
					   .append(
					     $("").data('fact',$(this).data('fact')).width(20).height(20)
							.css('display','inline').css('margin','10px')
							.appendTo($(this))
							.bind('focus',function(){
								$(this).text(($(this).data('fact') + 1) + 
									 "x" + 
									 ($(this).parent().data('fact') + 1) + 
									 "=" + 
									 ($(this).data('fact') + 1)*($(this).parent().data('fact') + 1)
									 )
									.parent().find("p:lt("+ ($(this).data('fact')) +")").eq(0)
									.before($(this).clone(true).data('fact',$(this).data('fact') - 1))
									.unbind('focus')
									.parent().find("p").eq(0).triggerHandler('focus');
								}).triggerHandler('focus')
					   ).parent().find("div").eq(0).triggerHandler('error'); 		
	         }).triggerHandler('error');
});

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/471 | 一行jQuery代码打印九九乘法表

jQuery.plugin——强大的遮罩层(nyroModal)

咖啡兔 — Mon, 02 Mar 2009 13:57:43 +0000

在cssrain那里看到的，特转载过来分享给大家；效果做的很华丽，给用户柔和的感觉，比blockUI还要好

强大的遮罩层，它包括以下功能：

以ajax远程加载内容

以ajax加载内容

显示图片

对话框

iframe

等等……

演示：http://nyromodal.nyrodev.com/
下载：jquery.nyroModal-1.5.2.zip 共 1161 次

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/429 | jQuery.plugin——强大的遮罩层(nyroModal)

实例解析java + jQuery + json工作过程(获取JSON数据)

咖啡兔 — Sat, 28 Feb 2009 10:39:27 +0000

前天刚刚写的一篇关于《实例解析java + ajax(jQuery) + json工作过程(登录)》的文章引起了网友们的关注和好评，

自从本站的账务管理系统(个人版)开源以后很多网友询问系统的实现方式，我一一解释……，为此今天写文章详细讲解系统功能的实现细节。

以本站的开源项目账务管理系统的“债务人”模块为例子讲解

一、效果预览

债务人详细页面效果预览

二、实现方式

基本思想就是绑定列表中的人员名称触发事件，获得当前人员的ID发送ajax请求到后台，后台根据ID查询详细信息，返回JSON数据结果至前台，前台通过对话框组件显示人员详细

1、绑定click事件到列表的人员名称
在项目中的iouser/js/iouser.js文件中有这样一个方法：

/**
 * 点击名称弹出详细
 */
function regShowDetail() {
	$("span[name=iouid]").unbind('click').bind('click', function(){
		showDetail($(this).parent().parent().find('input[name=chk]').val());
	});
}

通过regShowDetail绑定了点击人员时执行showDetail的事件，

$(this).parent().parent().find('input[name=chk]').val()
//上面这句话就是获得列表左侧的复选框的value值以便传送给后台

下面介绍一下showDetail方法的功能实现：

 * 查看用户详细资料
 * @param {} userId 用户ID
 */
function showDetail(userId) {
	// 创建一个对话框组件
	var dialog = $.weeboxs.open('showDetail.html', {
		title: '正在加载用户信息……',
		contentType: 'ajax',
		width: 600,
		height: 350,
		animate: true,
		clickClose: false,
		type: 'wee',
		showOk: false,
		cancelBtnName: '关 闭',
		onopen: innerShowDetail
	});
 
	//内部函数，实现债务人详细信息的载入、设置值
	function innerShowDetail() {
		// 获得JSON格式的数据
		$.getJSON('load.do',{id : userId}, function(json) {
			// 根据key设置value
			for (key in json) {
				if(key == 'id'){
					$('#detailDiv #' + key).val(json[key]);
				} else {
					if(json[key] == ''){
						// 没有值设置为空
						$('#detailDiv #' + key).html('?');
					} else if(key == 'sex'){
						$('#detailDiv #' + key).html(json[key] == '0' ? '女' : '男');
					} else if(key == 'group'){
						if(json[key] != null) {
							$('#detailDiv #' + key).html(json[key]['groupName']);
						}
					} else {
						$('#detailDiv #' + key).html(json[key]);
					}
				}
			}
 
			//设置对话框标题和内容
			$('#detailDiv').removeAttr('class');
			dialog.setTitle('查看人员[' + json['userName'] + ']详细资料');
			dialog.setContent($('#detailDiv').html());
		});
	}
}

showDetail方法首先打开一个对话框组件加载一个静态的模板showDetail.html
- 文件中的ID都是根据信息点命名的，这样便于通过ID设置值
通过路径load.do 请求后台查询人员详细，后台处理类为net.yanhl.iouser.action.IOUserAction的loadUser()方法，代码请点击这里查看
- 怎么查询一个POJO对象就介绍了，重点说明怎么返回JSON格式的数据
- 这里还是使用java语言使用的JSON工具json-lib，关于json-lib的资料上篇文章也已介绍，这里不再重复；
```
// 获取一个Iouser对象，包含债务人的信息
Iouser user = (Iouser) getBaseManager().get(Iouser.class, iouserId);
 
//使用json-lib工具把一个POJO对象解析为一个JSON格式数据
JSONObject jsonObject = JSONObject.fromObject(user, config);
 
//向前台发送结果集
print(response, jsonObject.toString());
```
  最中返回的结果集如下：
  
  {
  “age” : 56,
  “companyAddress” : “32″,
  “companyName” : “未知”,
  “companyPhone” : “–”,
  “companyZip” : “”,
  “createDate” : null,
  “creatorId” : 1,
  “group” : {
  “childSize” : 0,
  “createDate” : {
  “date” : 27,
  “day” : 6,
  “hours” : 0,
  “minutes” : 0,
  “month” : 11,
  “nanos” : 0,
  “seconds” : 0,
  “time” : 1230307200000,
  “timezoneOffset” : -480,
  “year” : 108
  },
  “creatorId” : 1,
  “groupName” : “商务”,
  “id” : 33,
  “orderNum” : 0,
  “remark” : “”
  },
  “homeAddress” : “香港九龙”,
  “homePhone” : “”,
  “homeZip” : “”,
  “id” : 12,
  “mobilePhone” : “15856453456″,
  “orderNum” : 0,
  “remark” : “香港富豪”,
  “sex” : “1″,
  “userName” : “李嘉诚”
  }
前台获得了结果集之后就可以根据key获得value来设置详细页面的内容了，代码如下：
```
for (key in json) {
	if(key == 'id'){
		$('#detailDiv #' + key).val(json[key]);
	} else {
		$('#detailDiv #' + key).val(json[key]);
	}
}
```
至此就是我们刚刚看到的效果了，是不是很简单O(∩_∩)O~

附：

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/369 | 实例解析java + jQuery + json工作过程(获取JSON数据)

【推荐】jQuery.plugin——对话框jquery.weebox.js

咖啡兔 — Wed, 25 Feb 2009 15:18:27 +0000

强烈推荐对话框插件jquery.weebox.js，本站开源账务管理系统中使用的对话框组件，各种形式的对话框：确认、成功、警告、错误等

…………

如下图的右下角：

账务管理系统(个人版)演示

图的右下角的框架就是使用的此插件，对话框中的树是使用的jquery.simpletree.js，我把这两个插件合成了一下，效果还不错O(∩_∩)O~

小插曲：当初开发系统寻找了整个jQuery插件库，左后选择了这一款，后来有问题就联系了作者，没有想到插件作者竟然和我同在一个软件园区(上海天地软件园)，世界真是小呀。

废话不多说了

演示地址：http://www.wsria.cn/demo/weebox/demo/weebox.html

At jQuery：http://plugins.jquery.com/project/weebox

下载：jquery.weebox.rar 共 1046 次

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/342 | 【推荐】jQuery.plugin——对话框jquery.weebox.js

what is the RIA? just it…||咖啡兔jQuery

利用JavaScript获取窗口/Body的宽度和高度(让jqGrid自适应窗口大小)

功能函数：

使用方法：

相关文章

工欲善其事，必先利其器

第一类：新手

1、问问题

2、学习新技术

第二类：处在(牛A与牛C)之外的

1、准备好技术（未雨绸缪）

2、时刻准备着

结束语：

相关文章

[转][推荐]15 个 JavaScript Web UI 库

相关文章

直逼 Flash 的流畅感：jQuery 运动特效展示

相关文章

新年新气象，博客新面貌

相关文章

jQuery 1.4.1 中文文档 CHM 版发布

相关文章

jQuery1.4 API 区别与更新中文版

相关文章

jQuery 1.4 正式版发布啦(14 Days of jQuery)

1、Easy Setter Functions（可以自定义一个function设置属性值）

2、Ajax增加[保持原有数据类型标示]

3、Ajax请求数据类型为[JSON, JavaScript]会自动识别

相关文章

推荐：2009 年度最佳 jQuery 插件

相关文章

[推荐]改进的提示插件-jQuery.hiAlerts.1.0

相关文章

推荐一个ajax资源站点

相关文章

站点GBK编码下jQuery Ajax中文乱码解决方案

相关文章

简单实现在基于Java的AJAX环境下未登录自动跳转流程详解(spring代理struts的action)

struts的拦截器

配置拦截路径

前端JS文件

相关文章

如何判断一个请求是否为AJAX请求

相关文章

jQuery性能优化指南

相关文章

用jQuery实现图片预加载.

相关文章

一行jQuery代码打印九九乘法表

相关文章

jQuery.plugin——强大的遮罩层(nyroModal)

相关文章

实例解析java + jQuery + json工作过程(获取JSON数据)

一、效果预览

二、实现方式

相关文章

【推荐】jQuery.plugin——对话框jquery.weebox.js

相关文章