标签存档: jQuery

jQuery UI及其插件在企业环境的应用总结

作者: 咖啡兔日期: 2011年07月24日没有评论 | 900 views

一、博文背景

使用jQuery差不多3年了，开始只是简单的应用，后来发现了官网开发的jQuery UI；从去年的一个项目开始使用jQuery UI作为主要的UI插件，选择jQuery UI的主要原因是因为需要使用jqGrid这个插件，而这个插件又使用了jQuery UI的主题;再者jQuery UI提供主题的自定义，这样对于一些喜欢不同风格的客户来说就比较容易切换自己喜欢的主题了。
写这篇博文的想法就是因为基于jQuery UI开发了两套系统，并且都运行正常，而且客户的反应也不错，所以整理以下和大家分享我的经验，同时也和正在使用的童鞋交流，希望起到抛砖引玉的作用。

二、jQuery UI基础

官网：http://jqueryui.com/
演示：http://jqueryui.com/demos/
下载：http://jqueryui.com/download
在线主题自定义：http://jqueryui.com/themeroller/

在我们的系统中主要使用了Dialog、Tab、Button、Autocomplete等功能，下面会对于使用过程中遇到的问题进行列举：
继续阅读 »

原创文章，转载请注明： 转载自what is the RIA? just it…||咖啡兔

本文链接地址: jQuery UI及其插件在企业环境的应用总结

咖啡兔

一只咖啡兔，热爱开源，喜欢追踪、研究新技术，向往背包游…… 讲究效率，坚信：“工欲善其事必先利其器” 使用Linux（Ubuntu），基于Java和jQuery开发企业RIA应用

More Posts - Website

jquery.validate插件remote规则相同值不验证的问题解决办法

作者: 咖啡兔日期: 2010年10月25日 2 条评论 | 1,598 views

一、由来说明

使用jquery.validate插件的remote规则来验证一组参数是否重复，我的需求不像其他应用一样只验证一个字段是否重复，而是要依赖其他的几个字段来组合判断，所以jquery.validate就有点水土不服了。

二、环境说明

jQuery validation版本号： jQuery validation plug-in 1.7
$Id: jquery.validate.js 6403 2009-06-17 14:27:16Z joern.zaefferer $

三、实例说明

验证规则功能说明(图一)

见左图，要保证[会员等级]和[积分来源]的联合唯一，类似于数据库的联合主键。

验证代码片段：
继续阅读 »

原创文章，转载请注明： 转载自what is the RIA? just it…||咖啡兔

本文链接地址: jquery.validate插件remote规则相同值不验证的问题解决办法

咖啡兔

More Posts - Website

城市级联选择插件jquery.area2select闪亮登场(前后台设计)

作者: 咖啡兔日期: 2010年10月18日 4 条评论 | 2,220 views

公司的一个二期项目需要使用地区信息的级联选择功能，因为本来有数据库设计所以就根据数据库设计构建了本次要发布的插件：jquery.area2select，算是真正意义上的第一个jQuery插件吧。
插件的开发目的一是为了公司的项目试用，另外一个就是把各种我平常开发积累的东西分享给大家，也就是我创建的wsria项目。

一、文档以及API

如果看着累直接点击这里，在新窗口打开。

二、配套演示地址

因为是和后台配合使用，所以专门搭建了一个部署在tomcat上的演示程序；
演示地址：http://kafeitu.gicp.net:10000/demo，进入页面后在左侧的“地区信息”栏目中。
继续阅读 »

原创文章，转载请注明： 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 城市级联选择插件jquery.area2select闪亮登场(前后台设计)

咖啡兔

More Posts - Website

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

作者: 咖啡兔日期: 2010年08月20日 6 条评论 | 2,282 views

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

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

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

原创文章，转载请注明： 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 利用JavaScript获取窗口/Body的宽度和高度(让jqGrid自适应窗口大小)

咖啡兔

More Posts - Website

工欲善其事，必先利其器

作者: 咖啡兔日期: 2010年07月30日 4 条评论 | 106 views

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

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

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

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

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

第一类：新手

继续阅读 »

原创文章，转载请注明： 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 工欲善其事，必先利其器

咖啡兔

More Posts - Website

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

作者: 咖啡兔日期: 2010年05月20日没有评论 | 211 views

从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 控件，演示，示例

继续阅读 »

原创文章，转载请注明： 转载自what is the RIA? just it…||咖啡兔

本文链接地址: [转][推荐]15 个 JavaScript Web UI 库

咖啡兔

More Posts - Website

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

作者: 咖啡兔日期: 2010年03月2日 4 条评论 | 114 views

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

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

继续阅读 »

原创文章，转载请注明： 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 直逼 Flash 的流畅感：jQuery 运动特效展示

咖啡兔

More Posts - Website

新年新气象，博客新面貌

作者: 咖啡兔日期: 2010年02月27日 3 条评论 | 34 views

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

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

原创文章，转载请注明： 转载自what is the RIA? just it…||咖啡兔

本文链接地址: 新年新气象，博客新面貌