学步园

本例使用struts2版本 struts-2.1.8.1

首先导入必要的jar包：

配置web.xml：

<filter><br /> <filter-name>struts2</filter-name><br /> <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class><br /> </filter><br /> <filter-mapping><br /> <filter-name>struts2</filter-name><br /> <url-pattern>*.action</url-pattern><br /> </filter-mapping> 

接着书写Action类：

import java.util.ArrayList;<br /> import java.util.HashMap;<br /> import java.util.List;<br /> import java.util.Map;<br /> import com.opensymphony.xwork2.Action;<br /> public class Test {<br /> public Map responseJson;<br /> public Map getResponseJson() {<br /> return responseJson;<br /> }<br /> public void setResponseJson(Map responseJson) {<br /> this.responseJson = responseJson;<br /> }</p> <p> public String getList(){<br /> Map<String, Object> map = new HashMap<String, Object>();<br /> List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();<br /> for(int i=0;i<3;i++){<br /> Map<String, Object> m = new HashMap<String, Object>();<br /> m.put("id", i);<br /> m.put("name", "Mic"+i);<br /> list.add(m);<br /> }<br /> map.put("rows", list);<br /> map.put("totalCont", 3);<br /> this.setResponseJson(map);<br /> return Action.SUCCESS;<br /> }<br /> } 

最后配置struts.xml文件：

<package name="jsonTest" extends="json-default"><br /> <action name="test" class="bll.Test" method="getList"><br /> <result type="json"><br /> <param name="root">responseJson</param><br /> </result><br /> </action><br /> </package> 

struts.xml配置说明：

1，<result type="json"> 这句说明返回类型为json，所以extends设置为"json-default"。

2，<param name="root">responseJson</param> responseJson对应返回数据的根，如果省略这行返回的结果如下：

{"list":"success","responseJson":{"rows":[{"name":"Mic0","id":0},{"name":"Mic1","id":1},{"name":"Mic2","id":2}],"totalCont":3}} 

如果设置了root，结果如下：

{"rows":[{"name":"Mic0","id":0},{"name":"Mic1","id":1},{"name":"Mic2","id":2}],"totalCont":3} 

以上步骤做好后，我们就可以调用该action了：

Ext.onReady(function(){<br /> new Mic.GridPanel({<br /> title : 'test',<br /> width : 500,<br /> height : 410,<br /> dataUrl : 'test.action',<br /> dwrStore : false,<br /> colMapping : ['id','name'],<br /> headers : [<br /> { header: "Id", width: 60, dataIndex:'id'},<br /> { header: "名称", width: 150, dataIndex:'name'}<br /> ]<br /> }).render(Ext.getBody());<br /> }); 

调用说明： dataUrl : 'test.action'  test就是action中的name属性。

返回数据：

效果图：