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 ]