extjs 分页使用jsp传递数据示例

下面是关于"extjs 分页使用jsp传递数据示例"的完整攻略。

什么是extjs?

ExtJS是目前最为流行的JavaScript应用程序图形界面库之一，它很好地支持了Web应用中的MVC模式，使Web应用变得强壮且易于维护。

extjs分页使用jsp传递数据的示例

在使用Extjs进行分页时，通常都会在后台使用jsp开发，所以这里就以jsp作为后台语言来举例。

首先，我们需要使用Extjs提供的PagingToolbar组件。

在前端代码中，我们需要提供以下参数 -->

• pageSize：页面大小

• proxy：代理

• displayInfo：是否显示信息

• emptyMsg：如果数据为空，则显示的消息

我们可以使用以下代码创建一个PagingToolbar实例:

var pagingToolbar = new Ext.PagingToolbar({

pageSize : 20,

proxy : {

type : 'ajax',

url : 'list.jsp'

},

displayInfo : true,

emptyMsg : "没有数据可以显示."

});

在此示例中，我们创建了一个PagingToolbar实例并定义了页面大小为20，代理类型为ajax，代理url为list.jsp，还定义了是否显示分页信息和数据为空时显示的消息。

在list.jsp中，我们需要通过使用Extjs的JsonReader方法读取数据，并返回正确的数据格式：

{
results: 500,

rows: [
{a: 'data one', b: '10/18/2012'},
{a: 'data two', b: '10/19/2012'},
{a: 'data three', b: '10/20/2012'}
]
}

这里的results代表了总的数据行数，rows则代表了当前页面的数据行数组。

在jsp中，我们可以使用以下代码获取客户端请求的分页数据

int limit = request.getParameter("limit");

int start = request.getParameter("start");

在上述代码中，limit变量表示页面大小，start变量表示开始位置。

最后，我们可以使用以下代码将分页数据返回到客户端：

// 以下代码将返回一个格式为上述JsonReader格式的字符串
// 测试的数据仅限于文本，按照上述格式来返回相关数据即可
String json = "{items:[{'data':'a1','msg':'b1'}, {'data':'a2','msg':'b2'}, {'data':'a3','msg':'b3'}
];


response.getWriter().print(json);

这些代码将返回在list.jsp文件中定义的JsonObject字符串。

我们还可以通过以下代码将结果字符串转换为json对象：

Ext.JSON.decode(response.responseText, true)

以上是关于extjs分页使用jsp传递数据示例的详细攻略，希望对你有所帮助。