EXT GridPanel显示FormPanel模糊查询结果

首先当然是要提交查询条件了，这里我使用一个名为Search的Servlet来处理模糊查询。在FormPanel的Form中对其 onActionComplete事件进行监听，获取Servlet返回的查询结果。而onActionComplete事件的触发需要Servlet返回一个JSON：{”success”,true}，只有这里的success为true时才会触发该事件，为false则触发 onActionFailed事件。

可是，我现在还要得到查询的结果啊，如果我查询结果既要触发onActionComplete又要带上查询结果，那么我的JSON就得是下面这种格式：

{success:true,results:’{totalCount:1,topics: [{id:100,custName:"neeke",summarization:"概要",linkMan:"联系人",linkPhone:"联系电话",createTime:"2009-03-17"}]}’}

可是onActionComplete的responseText是String类型的，我怎么才能获得results的值能？

经过反复摸索，终于将其搞定了。首先使用JSON.decode()将responseText转为JavaScriptObject类型，接着使用JavaScriptObjectHelper.getAttribute(jsObj, “results”)即可将results的值以String类型取出，最后使用 grid.getStore().loadJsonData(results,false)将查询结果载入到GridPanel中去。具体代码如下：
查看源代码
< id="highlighter_821210_clipboard" title="复制到剪贴板" type="application/x-shockwave-flash" width="16" height="16" src="http://www.ineeke.cn/wp-content/plugins/syntaxhighlighter/syntaxhighlighter/scripts/clipboard.swf" lk_media="yes" lk_mediaid="lk_juiceapp_mediaPopup_1256739639751" id="highlighter_821210_clipboard" type="application/x-shockwave-flash" title="复制到剪贴板" allowscriptaccess="always" wmode="transparent" flashvars="highlighterId=highlighter_821210" menu="false" src="http://www.ineeke.cn/wp-content/plugins/syntaxhighlighter/syntaxhighlighter/scripts/clipboard.swf" height="16" width="16">
打印 帮助
01. searchPanel.getForm().addListener( new FormListenerAdapter(){
02. @Override
03. public void onActionComplete(Form form, int httpStatus,
04. String responseText) {
05. JavaScriptObject jsObj = JSON.decode(responseText);
06. String results = JavaScriptObjectHelper.getAttribute(jsObj, "results" );
07. grid.getStore().loadJsonData(results, false );
08. }
09. });

其中loadJsonData()方法的第二个Boolean型参数指定是否将数据追加到GridPanel中去，这里我设为false，这样在载入查询结果之前会自动清空GridPanel中之前的数据。

转载原创文章请注明，转载自：Neeke[http://www.ineeke.cn ]