项目中使用了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的大小例子
阅读更多…
Popularity: 4%
子曰:“工欲善其事,必先利其器。居是邦也,事其大夫之贤者,友其士之仁者

这句话是我近两年的座右铭,引用百科的解释:“工匠想要使(他的)工作做好,一定要先使工具锋利。比喻要做好一件事,准备工作非常重要。”;解释的很清楚,这就和做事要有计划是一个道理。
还有一个我欣赏的话:
无欲速,无见小利。欲速,则不达;见小利,则大事不成。
引用百科的解释:“欲:想要;速:快速;达:达到(目的)。过于急性反而不能达到目的。”
这些真理就如同孙子兵法一样适用,咱们也可以拿到今天来分析一下现在的情况;顺便说一下我写这篇文章的目的,因为开博客同时也建立了2个有关RIA开发的群所以有很多网友找我问问题,询问问题的可以分为两类:
第一类:新手
阅读更多…
Popularity: 7%
jqGrid是我用过最好的基于jQuery的列表插件,在项目中试用后效果很不错,基于jQuery UI的界面美观并且可以更好皮肤……
花了一天时间实现了增删改和查询功能,但是在查询中文的时候遇到了乱码问题……诡异,说一下情况:
- 我的开发环境是全站UTF-8,而且有编码Filter;
- jqGrid版本为:3.6.4
在后台断点调试发现如下特点:
1、新增、编辑没有乱码问题
2、查询中文后台时得到的参数是乱码
然后就考虑了,如果是开发环境问题那肯定全部都有乱码问题,所以问题应该在jqGrid的查询函数里面,最后通过Firebug找到了:
c.find(".ui-search").click(function() {
这一行是查询功能的开始也就是点击“查询”的触发函数
所以根据以往的经验在这里把参数值编码一次就可以了,也就是encodeURIComponent函数具体修改如下:
- 找到第6202行
- 找到代码
6201
6202
6203
|
var p = jQuery(this).find("select[name='field'] :selected").val(),
g = jQuery(this).find("select[name='op'] :selected").val(),
f = jQuery(this).find("input.vdata,select.vdata :selected").val();
|
- 现在看到这里的3行代码就是查询时获取参数的3个变量,我们要修改的就是这里,最终代码:
6202
6203
6204
|
var p = encodeURIComponent(jQuery(this).find("select[name='field'] :selected").val()),
g = encodeURIComponent(jQuery(this).find("select[name='op'] :selected").val()),
f = encodeURIComponent(jQuery(this).find("input.vdata,select.vdata :selected").val());
|
到此大功告成
——————————–分割线———————————–
为了方便网友顺便提供本人修改后的jqGrid3.6.4版本的源码,分为3中类型(未压缩、迷你版、压缩版pack)
下载:
jquery.jqGrid.3.6.4.js 共 143 次
下载:jquery.jqGrid.min.3.6.4.js 共 123 次
下载:jquery.jqGrid.pack.3.6.4.js 共 96 次
Popularity: 25%
最近项目中使用了jqGrid数据网格插件,看到了网友写的一系列文章分享给大家看
Popularity: 27%