EXTJS
application.js
Ext.onReady(function() {
// var data = [{
// name : '唐伯虎',
// age : 25,
// sex : '男'
// }, {
// name : '楚留香',
// age : 24,
// sex : '女'
// }];
var ds = new Ext.data.JsonStore({
proxy : new Ext.data.HttpProxy({
url : 'dataList'// 相对路径
}),
root : ' ',
fields : [{
name : 'name'
}, {
name : 'age'
}, {
name : 'sex'
}]
});
// ds.loadData(data);
var grid = new Ext.grid.GridPanel({
viewConfig : {
forceFit : true
},
store :ds,
columns : [{
header : '姓名',
dataIndex : 'name'
}, {
header : '年龄',
dataIndex : 'age'
}, {
header : '出生日期',
dataIndex : 'sex'
}]
});
var win = new Ext.Window({
title : 'HttpProxy',
width : 400,
height : 300,
layout : 'fit',
items :grid
});
ds.load();
win.show();
});
servlet
dataList.java
package com.ext.servlet;
import java.io.IOException;
import java.io.OutputStream;
import java.io.PrintStream;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
import org.apache.jasper.tagplugins.jstl.core.Out;
/**
* Servlet implementation class dataList
*/
public class dataList extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#HttpServlet()
*/
public dataList() {
super();
// TODO Auto-generated constructor stub
}
/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
// response.setContentType("text/html");
response.setCharacterEncoding("UTF-8");
String _str = "[{name:'唐伯虎',age:25,sex:'男'},{name:'楚留香',age:24,sex:'女'}]";
//_str ="[{name:'唐伯虎',age:25,sex:'男'},{name:'楚留香',age:24,sex:'女'}];" ;
response.getWriter().write(_str);
// request.setAttribute("ooo", _str);
// request.getRequestDispatcher("datawrite.jsp").forward(request, response);
}
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
}
}
web.xml
<servlet>
<description></description>
<display-name>dataList</display-name>
<servlet-name>dataList</servlet-name>
<servlet-class>com.ext.servlet.dataList</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>dataList</servlet-name>
<url-pattern>/dataList</url-pattern>
</servlet-mapping>
<servlet>
前台测试路径
http://localhost:8080/ExtJsApplication/index.html