标签为 "jqGrid" 的存档

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

项目中使用了easy-uijqGrid,我使用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查询中文乱码问题解决办法

jqGrid是我用过最好的基于jQuery的列表插件,在项目中试用后效果很不错,基于jQuery UI的界面美观并且可以更好皮肤……

花了一天时间实现了增删改和查询功能,但是在查询中文的时候遇到了乱码问题……诡异,说一下情况:

  • 我的开发环境是全站UTF-8,而且有编码Filter;
  • jqGrid版本为:3.6.4

在后台断点调试发现如下特点:

1、新增、编辑没有乱码问题

2、查询中文后台时得到的参数是乱码

然后就考虑了,如果是开发环境问题那肯定全部都有乱码问题,所以问题应该在jqGrid的查询函数里面,最后通过Firebug找到了:

c.find(".ui-search").click(function() {

这一行是查询功能的开始也就是点击“查询”的触发函数

所以根据以往的经验在这里把参数值编码一次就可以了,也就是encodeURIComponent函数具体修改如下:

  1. 找到第6202行
  2. 找到代码
    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行代码就是查询时获取参数的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基础学习系列文章

最近项目中使用了jqGrid数据网格插件,看到了网友写的一系列文章分享给大家看

Popularity: 27%