<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>华水 &#187; jqGrid</title>
	<atom:link href="http://huashui.org/tag/jqgrid/feed" rel="self" type="application/rss+xml" />
	<link>http://huashui.org</link>
	<description>总是到下雨才想到雨伞，总是到拿雨伞时才发现不见了。</description>
	<lastBuildDate>Thu, 29 Jul 2010 09:53:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>jqGrid基础学习：11jqGrid的查询时和后台的交互</title>
		<link>http://huashui.org/post/jqgrid-base-study-11.html</link>
		<comments>http://huashui.org/post/jqgrid-base-study-11.html#comments</comments>
		<pubDate>Wed, 03 Mar 2010 08:08:23 +0000</pubDate>
		<dc:creator>Huashui</dc:creator>
				<category><![CDATA[jqGrid]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://huashui.org/?p=381</guid>
		<description><![CDATA[jqGrid查询时和后台交互是一个比较棘手的问题，因为发送过来的数据不规则。 单字段 我们通过Firefox的firebug来进行调试，我们发现提交搜索请求后，向后台发送的参数如下 由此，我们看出单字段查询，jqGrid向服务器传递的参数是searchField、searchString、searchOper这三个参数。 searchField代表要查询的字段，searchString是查询的内容，searchOper是操作，后台获取到的searchOper的值，对应的是&#8217;eq&#8217;,'ne&#8217;,'lt&#8217;,'le&#8217;,'gt&#8217;,'ge&#8217;,'bw&#8217;,'bn&#8217;,'in&#8217;,'ni&#8217;,'ew&#8217;,'en&#8217;,'cn&#8217;,'nc&#8217;，这些可以再jqGrid设置那些使用，那些不使用。 多字段查询 使用同样的方法，我们可以发现，多字段查询，jqGrid向后台传递的参数为一个json字符串。 因此，取得这个数据需要进行对json数据进行解析。 同时，我们注意到。不管是单字段查询还是多字段查询，如果前台执行了查询，都会向后台传递一个_search参数，来指明后台是否启用搜索。 其他的就不废话了，直接上源码。 新建一个规则的类 public class SearchRule &#123; private String field; //查询字段 private String op; //查询操作 private String data; //选择的查询值 public String getField&#40;&#41; &#123; return field; &#125; public void setField&#40;String field&#41; &#123; this.field = field; &#125; public String getOp&#40;&#41; &#123; return op; &#125; public void setOp&#40;String op&#41; &#123; [...]]]></description>
		<wfw:commentRss>http://huashui.org/post/jqgrid-base-study-11.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>jqGrid基础学习：10jqGrid的多字段查询</title>
		<link>http://huashui.org/post/jqgrid-base-study-10.html</link>
		<comments>http://huashui.org/post/jqgrid-base-study-10.html#comments</comments>
		<pubDate>Wed, 03 Mar 2010 07:33:36 +0000</pubDate>
		<dc:creator>Huashui</dc:creator>
				<category><![CDATA[jqGrid]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://huashui.org/?p=377</guid>
		<description><![CDATA[多字段查询就是高级查询，在jqGrid中，高级查询的麻烦在于同后台的交互。 启用多条件查询的方法，是加上.searchGrid({multipleSearch:true}); 即可。 $(&#34;#grid&#34;).jqGrid({ …… }).navGrid('#nav',{edit:false,add:false,del:false}) .searchGrid({multipleSearch:true}); 关于搜索和后台的交互放在下一章。 Related Posts2010-03-03 -- jqGrid基础学习：11jqGrid的查询时和后台的交互2010-03-03 -- jqGrid基础学习：9jqGrid的单字段查询2010-03-02 -- jqGrid基础学习：8jqGrid中在导航条使用按钮2010-03-02 -- jqGrid基础学习：7jqGrid中使用分页2010-02-08 -- jqGrid基础学习：6jqGrid中方法使用2010-02-08 -- jqGrid基础学习：5jqGrid中事件的使用2010-02-08 -- jqGrid基础学习：4jqGrid的ColModel API2010-02-06 -- jqGrid基础学习：3jqGrid与后台的交互（基于struts2）2010-02-05 -- jqGrid基础学习：2第一个jqGrid2010-02-04 -- jqGrid基础学习：1认识jqGrid]]></description>
		<wfw:commentRss>http://huashui.org/post/jqgrid-base-study-10.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jqGrid基础学习：9jqGrid的单字段查询</title>
		<link>http://huashui.org/post/jqgrid-base-study-9.html</link>
		<comments>http://huashui.org/post/jqgrid-base-study-9.html#comments</comments>
		<pubDate>Wed, 03 Mar 2010 01:00:24 +0000</pubDate>
		<dc:creator>Huashui</dc:creator>
				<category><![CDATA[jqGrid]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://huashui.org/?p=351</guid>
		<description><![CDATA[首先，什么是单字段查询，所谓的单字段查询就是针对某个属性进行查询。比如一个学生对象中有年龄和姓名，那么就是针对年龄或姓名进行查询。 jqGrid中使用单字段非常简单。首先第一步是设置那些字段可以进行搜索。默认是所有字段都可以搜索的。如果要设定不可以搜索，只需要在colModel的name中设置search:false就行。 接下来关于启用搜索功能，一般有两种方法，一种是采用导航条中的search:true即可。另一种是使用方法进行。 来看第一种： jQuery(&#34;#grid_id&#34;) .navGrid('#pager',{edit:false,add:false,del:false,search:false}) 效果如下： 第二种 $(&#34;#bsdata&#34;).click(function(){ jQuery(&#34;#search&#34;).jqGrid('searchGrid', {sopt:['cn','bw','eq','ne','lt','gt','ew']} ); }); 单字段搜索的难点和麻烦在于后台的交互。这个要和多字段一起结合比较方便，我们下一章再做说明。 Related Posts2010-03-03 -- jqGrid基础学习：11jqGrid的查询时和后台的交互2010-03-03 -- jqGrid基础学习：10jqGrid的多字段查询2010-03-02 -- jqGrid基础学习：8jqGrid中在导航条使用按钮2010-03-02 -- jqGrid基础学习：7jqGrid中使用分页2010-02-08 -- jqGrid基础学习：6jqGrid中方法使用2010-02-08 -- jqGrid基础学习：5jqGrid中事件的使用2010-02-08 -- jqGrid基础学习：4jqGrid的ColModel API2010-02-06 -- jqGrid基础学习：3jqGrid与后台的交互（基于struts2）2010-02-05 -- jqGrid基础学习：2第一个jqGrid2010-02-04 -- jqGrid基础学习：1认识jqGrid]]></description>
		<wfw:commentRss>http://huashui.org/post/jqgrid-base-study-9.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jqGrid基础学习：8jqGrid中在导航条使用按钮</title>
		<link>http://huashui.org/post/jqgrid_base_study_8.html</link>
		<comments>http://huashui.org/post/jqgrid_base_study_8.html#comments</comments>
		<pubDate>Tue, 02 Mar 2010 08:22:48 +0000</pubDate>
		<dc:creator>Huashui</dc:creator>
				<category><![CDATA[jqGrid]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://huashui.org/?p=336</guid>
		<description><![CDATA[jqGrid中可以再导航条上设置按钮，其中jqGrid已经默认设置了一些按钮，此外，用户也可以自定义自己的按钮。 使用默认的方法 系统中默认的按钮主要是对数据进行CRUD的操作的按钮。方法如下 jQuery(&#34;#list&#34;).jqGrid('navGrid','#pager',{edit:true,add:true,del:true,view:true},{ //这里可以指定edit的一些属性和方法，如果不需要配置，可以不要这对大括号 },{ //这里可以指定add的一些属性和方法，如果不需要配置，可以不要这对大括号 },{ //这里可以指定del的一些属性和方法，如果不需要配置，可以不要这对大括号 &#160; },{ //这里可以指定搜索的一些属性，如果不需要配置，可以不要这对大括号 }); 自定义按钮 jQuery(&#34;#list&#34;).jqGrid('navButtonAdd','#pager',{ caption: &#34;&#34;, // buttonicon:&#34;ui-icon-print&#34;, title: &#34;选择要的列&#34;, onClickButton : function (){ jQuery(&#34;#list&#34;).jqGrid('columnChooser'); } &#160; }).navSeparatorAdd(&#34;#pager&#34;,{sepclass : &#34;ui-separator&#34;,sepcontent: ''}).navButtonAdd('#pager',{ caption:&#34;&#34;, title:&#34;导出数据&#34;, buttonicon:&#34;ui-icon-disk&#34;, onClickButton: function(){ jAlert(&#34;您没有选择一行，将导出所有数据&#34;); }, position:&#34;last&#34; }); navSeparatorAdd是增加一个&#124;进行按钮分割. 也可以参考下官方的一些属性配置 $.jgrid = { ... search : { caption: &#34;Search...&#34;, Find: &#34;Find&#34;, Reset: [...]]]></description>
		<wfw:commentRss>http://huashui.org/post/jqgrid_base_study_8.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jqGrid基础学习：7jqGrid中使用分页</title>
		<link>http://huashui.org/post/jqgrid-base-study-7.html</link>
		<comments>http://huashui.org/post/jqgrid-base-study-7.html#comments</comments>
		<pubDate>Tue, 02 Mar 2010 07:54:27 +0000</pubDate>
		<dc:creator>Huashui</dc:creator>
				<category><![CDATA[jqGrid]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://huashui.org/?p=326</guid>
		<description><![CDATA[jqGrid分页首先要在页面设置一个DIV的层。例如,在第一章就提到的 &#60;table id=&#34;list&#34;&#62;&#60;/table&#62; &#60;div id=&#34;pager&#34;&#62;&#60;/div&#62;&#60;!--分页专用,如果要使用分页导航必须有该标记--&#62; 同时，要在jqGrid的配置中加入 jQuery&#40;&#34;#grid_id&#34;&#41;.jqGrid&#40;&#123; ... pager : '#pager', ... &#125;&#41;; 参照第二章 效果如下 同时，这jqGrid中，在分页可以设定各种属性，例如没有找到数据时显示的提示。 jQuery(&#34;#grid_id&#34;).jqGrid({ ... pager : '#pager', emptyrecords: &#34;Nothing to display&#34;, ... }); 而这些，也可以再i18n的文件中进行配置。很少这样直接更改。系统默认的显示是 recordtext: "View {0} - {1} of {2}", emptyrecords: "No records to view", loadtext: "Loading...", pgtext : "Page {0} of {1}" 在分页导航条中，还可以对属性进行修改，分页导航的属性有 属性名 类型 说明 默认值 是否可以被修改 lastpage [...]]]></description>
		<wfw:commentRss>http://huashui.org/post/jqgrid-base-study-7.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jqGrid基础学习：6jqGrid中方法使用</title>
		<link>http://huashui.org/post/jqgrid-base-study-6.html</link>
		<comments>http://huashui.org/post/jqgrid-base-study-6.html#comments</comments>
		<pubDate>Mon, 08 Feb 2010 02:11:08 +0000</pubDate>
		<dc:creator>Huashui</dc:creator>
				<category><![CDATA[jqGrid]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://huashui.org/?p=250</guid>
		<description><![CDATA[jqGrid的方法一般用法如下： &#60;script&#62; ... jQuery&#40;&#34;#grid_id&#34;&#41;.jqGridMethod&#40; parameter1,...parameterN &#41;; ... &#60;/script&#62; grid_id 是已经实现定义好的jqGrid。 jqGridMethod 是要应用到jqGrid的方法。 parameter1,…parameterN - 一系列方法。 同时要注意的是，jqGrid方法返回的是jqGrid对象。 方法名 参数 返回值 说明 addJSONData data none 使用传来的data数据填充表格。使用方法：var mygrid = jQuery(”#”+grid_id)[0];var myjsongrid = eval(”(”+jsonresponse.responseText+”)”); mygrid.addJSONData(myjsongrid); myjsongrid = null; jsonresponse =null;   addRowData rowid,data, position, srcrowid 成功为true, 否则为false 根据参数插入一行新的数据，rowid为新行的id，data为新行的数据，position为新增行的位置，srcrowid为新增行的参考位置。data数据格式：{name1:value1,name2: value2…} name为在colModel中指定的名称 addXMLData data none 根据传来的数据填充表格。用法：var mygrid = jQuery(”#”+grid_id)[0]; mygrid.addXmlData(xmlresponse.responseXML);   [...]]]></description>
		<wfw:commentRss>http://huashui.org/post/jqgrid-base-study-6.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jqGrid基础学习：5jqGrid中事件的使用</title>
		<link>http://huashui.org/post/jqgrid-base-study-5.html</link>
		<comments>http://huashui.org/post/jqgrid-base-study-5.html#comments</comments>
		<pubDate>Mon, 08 Feb 2010 01:54:29 +0000</pubDate>
		<dc:creator>Huashui</dc:creator>
				<category><![CDATA[jqGrid]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://huashui.org/?p=245</guid>
		<description><![CDATA[jqGrid中提供了丰富的事件。主要如下，这些只要看看就好。部分用不到，部分要到再详解。 Event Parameters Description afterInsertRow rowid rowdata rowelem This event fires after every inserted row. rowid is the id of the inserted row rowdata is an array of the data to be inserted into the row. This is array of type name: value, where the name is a name from colModel rowelem is the element [...]]]></description>
		<wfw:commentRss>http://huashui.org/post/jqgrid-base-study-5.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jqGrid基础学习：4jqGrid的ColModel API</title>
		<link>http://huashui.org/post/jqgrid-base-study-4.html</link>
		<comments>http://huashui.org/post/jqgrid-base-study-4.html#comments</comments>
		<pubDate>Mon, 08 Feb 2010 01:26:15 +0000</pubDate>
		<dc:creator>Huashui</dc:creator>
				<category><![CDATA[jqGrid]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://huashui.org/?p=241</guid>
		<description><![CDATA[jqGrid已经发布了3.6.3的版本。这个版本主要修复3.6版本的一些bug。详见：http://www.trirand.com/blog/?p=625 ColModel是jqGrid里面最核心的属性。大部分配置都在这里面进行。所有的属性的含义对应如下： Property Type Description Default align string Defines the alignment of the cell in the Body layer, not in header cell. Possible values: left, center, right. 定义单元格对齐方式；可选值：left, center, right。例如： {name:&#8217;id&#8217;,align:&#8217;left&#8217;},实现左对齐。 left classes string This option allow to add classes to the column. If more than one class will be used a space should be [...]]]></description>
		<wfw:commentRss>http://huashui.org/post/jqgrid-base-study-4.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jqGrid基础学习：3jqGrid与后台的交互（基于struts2）</title>
		<link>http://huashui.org/post/jqgrid-base-study-3.html</link>
		<comments>http://huashui.org/post/jqgrid-base-study-3.html#comments</comments>
		<pubDate>Sat, 06 Feb 2010 01:12:51 +0000</pubDate>
		<dc:creator>Huashui</dc:creator>
				<category><![CDATA[jqGrid]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://huashui.org/?p=200</guid>
		<description><![CDATA[jqGrid与后台的交互方式如下： 载入时，jqGrid以POST或GET方式（用定义）向服务器发起数据载入请求，服务器根据请求传递给jqGrid； 传递的参数如下： page ：指示需要查询第几页的数据。 rows ：指示每页显示的记录条数。 sidx ：指示查询排序的条件，这是一个字符串，可能是数据库表字段或者是POJO对象的属性名。这需要程序来处理。 sord ：指示查询排序的方式，可能的值是ASC和DESC _search ：用来指示是否是查询，值是true或者false。 同时，除了_search，其他变量名可以通过 prmNames:{}, 进行指定，如本例中， prmNames:{rows:&#8221;pageSize&#8221;,page:&#8221;page&#8221;}, 将rows改为pageSize，将page仍定义为page。这样做的目的是我们想使用Struts2的json插件，避免命名上的冲突。 默认后台返回的json数据为 { total: xxx, page: yyy, records: zzz, rows: [ {name1:”Row01″,name2:”Row 11″,name3:”Row 12″,name4:”Row 13″,name5:”Row 14″}, 因为我们设定后台传递的类型为json，并且更改了prmNames，所以。我们要对jqGrid的属性做一下配置。 设定 datatype: &#8216;json&#8217;, 并设定 jsonReader: { root: &#8220;rows&#8221;, //root的意思是，表格数据的名 repeatitems : false,//指定返回的数据的标签是否是可重复的，一般为false id:&#8221;0&#8243; //每行数据的唯一标识。可以设置为空字符串或者一个数字。一般设置为0 }, 后台使用struts2+spring2.5+hibernate3.2.代码如下 数据库 SET FOREIGN_KEY_CHECKS=0; &#160; DROP [...]]]></description>
		<wfw:commentRss>http://huashui.org/post/jqgrid-base-study-3.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jqGrid基础学习：2第一个jqGrid</title>
		<link>http://huashui.org/post/jqgrid-base-study-2.html</link>
		<comments>http://huashui.org/post/jqgrid-base-study-2.html#comments</comments>
		<pubDate>Fri, 05 Feb 2010 07:46:36 +0000</pubDate>
		<dc:creator>Huashui</dc:creator>
				<category><![CDATA[jqGrid]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://huashui.org/?p=175</guid>
		<description><![CDATA[上一节已经将jqGrid的框架架了起来。这一节将进行jqGrid的配置文件的编写。 接下来，我们先将属性写好，再来说明下个属性的意思。 &#60;script type=&#34;text/javascript&#34;&#62; &#160; jQuery&#40;document&#41;.ready&#40;function&#40;&#41;&#123; &#160; jQuery&#40;&#34;#list&#34;&#41;.jqGrid&#40;&#123; url:'admin/json/jsondata.action', datatype: 'json', mtype: 'GET', colNames:&#91;'流水号','姓名','年龄','性别','部门','入职时间'&#93;, colModel:&#91; &#123;name:'id',index:'id', width:180,editable:true&#125;, &#123;name:'name',index:'name',width:120,editable:true&#125;, &#123;name:'age',index:'age', width:90,editable:true&#125;, &#123;name:'sex',index:'sex', align:'center',width:60,editable:true&#125;, &#123;name:'__department_id',index:'__department_id',width:200,editable:true&#125;, &#123;name:'date',index:'date', width:200,sorttype:&#34;date&#34;,sortable:false&#125; &#93;, pager: '#pager', sortable: true, rowNum:10, multiselect: true, prmNames:&#123;rows:&#34;pageSize&#34;,page:&#34;page&#34;&#125;, jsonReader: &#123; root: &#34;rows&#34;, repeatitems : false, id:&#34;0&#34; &#125;, rowList:&#91;10,20,30&#93;, sortname: 'id', sortorder: 'desc', viewrecords: true, caption: 'My first grid' &#125;&#41;; [...]]]></description>
		<wfw:commentRss>http://huashui.org/post/jqgrid-base-study-2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
