`
header007
  • 浏览: 4885 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Ext grid数据httpProxy显示得不到结果(急救)

阅读更多
1.这是我的界面(代码如下):
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
    <script type="text/javascript" src="extjs/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/jss.js"></script>
<title>this is jsp</title>
</head>
<body>

<div id="grid"></div>

</body>
</html>
2.数据来源(来自jsp界面):<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>My JSP 'aaa.jsp' starting page</title>
  </head>
 
  <body>
  <%
String start = request.getParameter("start");
String limit = request.getParameter("limit");
String json="";
try {
    int index = Integer.parseInt(start);
    int pageSize = Integer.parseInt(limit);

    json = "{totalProperty:100,root:[";
    for (int i = index; i < pageSize + index; i++) {
        json += "{id:" + i + ",name:'name" + i + "',descn:'descn" + i + "'}";
        if (i != pageSize + index - 1) {
            json += ",";
        }
    }
    json += "]}";
    response.getWriter().write(json);
    System.out.println(json);
    System.out.println(index);
    System.out.println(pageSize);
} catch(Exception ex) {
}

%>
  </body>
</html>
数据显示json格式:{totalProperty:100,root:[{id:0,name:'name0',descn:'descn0'},{id:1,name:'name1',descn:'descn1'},{id:2,name:'name2',descn:'descn2'},{id:3,name:'name3',descn:'descn3'},{id:4,name:'name4',descn:'descn4'},{id:5,name:'name5',descn:'descn5'},{id:6,name:'name6',descn:'descn6'},{id:7,name:'name7',descn:'descn7'},{id:8,name:'name8',descn:'descn8'},{id:9,name:'name9',descn:'descn9'}]}
3.js的写入
Ext.onReady(function(){
var cm = new Ext.grid.ColumnModel([
{header:"编号",dataIndex:"id",sortable:true},
{header:"名称",dataIndex:"name",sortable:true},
{header:"描述",dataIndex:"descn",sortable:true}
]);
var dds = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url:'aaa.jsp'}),
reader: new Ext.data.JsonReader({
      totalProperty: 'totalProperty',
    root: 'root'
}, [
{name: "id"},
{name: "name"},
{name: "descn"}
])
});


var grid = new Ext.grid.GridPanel({
el: "grid",
ds: dds,
cm: cm,

bbar: new Ext.PagingToolbar({
pageSize:10,
store:dds,
displayInfo:true,
displayMsg:'显示{0}到{1}条记录,总共{2}条记录',
emptyMsg:'没有记录'
})
});
     grid.render();
     dds.load({params:{start:0,limit:10}});

});

问题:1.为什么我的界面显示不出来数据??用firebug调试可以得到jsp界面的数据
      2.希望大家能给出些详细的解决方案。
谢谢大家了
分享到:
评论

相关推荐

    ext grid数据绑定

    本文将深入探讨"EXT Grid数据绑定"这一主题,包括数据查找和如何将查找结果重新填充到Grid中。 EXT Grid的核心是其数据模型(Data Model)和视图(View)。数据模型负责存储和管理数据,而视图则负责渲染这些数据到...

    JSP中使用EXT实现grid table

    6. Ajax集成:EXT Grid通过Ajax请求从服务器获取或提交数据,这使得页面能够在不刷新的情况下更新内容,提供了流畅的用户体验。 在JSP中使用EXT实现Grid时,我们需要以下步骤: 1. 引入EXT库:在JSP页面中引入EXT...

    EXT2.0 GRID 示例

    7. **Ajax交互**:GRID通常与服务器进行异步数据交换,EXT的AJAX组件(如AjaxProxy)用于发送HTTP请求,获取或提交数据。 8. **扩展性**:EXT GRID支持自定义插件和扩展,可以增加额外的功能,如拖放排序、树形GRID...

    ext grid网格控件实例

    EXT Grid控件是EXT JS库中的一个核心组件,它用于创建功能丰富的数据网格,能够高效地展示和操作大量数据。EXT Grid广泛应用于J2EE框架中,为Web应用提供了强大的数据展示和交互能力。在本实例中,我们将探讨四种...

    ext grid带分页(服务器端)

    在本文中,我们将深入探讨如何在EXT Grid中实现服务器端分页,这在处理大量数据时尤为关键。EXT Grid是一款强大的JavaScript组件,用于构建交互式的数据视图,而服务器端分页则是优化性能、提高用户体验的重要策略。...

    ext-grid+json简单应用

    在EXT-JS和JSON应用中,SQL脚本通常用于服务器端,处理数据的增删改查操作,并将结果转换为JSON格式供EXT-JS Grid使用。 在实际项目中,服务器端可能会使用PHP、Java、Node.js等语言处理SQL查询并返回JSON数据。...

    Ext数据模型Store

    理解EXT中的数据模型,特别是Store、Proxy和Reader的工作原理,对于开发复杂的EXT应用至关重要,因为这关系到数据的获取、管理和展示。通过灵活地配置和扩展这些组件,开发者可以有效地处理各种类型和来源的数据,...

    ExtJS 使用grid显示数据

    它提供了大量的组件和功能,包括网格(Grid)这种常用的数据显示控件。这篇博客文章 "ExtJS 使用grid显示数据" 可能详细阐述了如何利用ExtJS的Grid面板来展示和操作数据。 在ExtJS中,Grid Panel是一种数据驱动的...

    ext的grid简易例子

    总的来说,EXT Grid是EXT JS中不可或缺的一部分,它提供了丰富的功能和高度的可定制性,能够满足各种Web应用的数据展示和操作需求。通过深入学习EXT Grid,你可以构建出功能强大且用户体验优秀的数据驱动应用。

    ext grid 基本功能的学习 另付js 对上周月季度的计算等

    Ext Grid是Ext JS框架中的一个核心组件,用于创建数据驱动的表格视图。在这个学习资料中,我们将深入探讨Ext Grid的基本功能,包括数据加载、定时器筛选、分组以及JavaScript库对日期的处理,如计算上周、上月和上...

    java 实现HTTP PROXY

    Java实现HTTP PROXY是一个常见的需求,特别是在开发网络应用或者测试环境中,我们可能需要通过代理服务器转发HTTP请求。本文将深入探讨如何使用Java编程语言来创建一个HTTP代理服务器,并且会涉及相关的源码分析。 ...

    使用Ext显示数据库中内容

    `Ext Grid`是一种数据网格控件,它可以用于显示大量结构化的数据,并且支持排序、筛选、分页等功能。在与后端数据库交互时,`Ext Grid`通常结合`Ajax`或者`Store`来实现数据的动态加载。 1. **配置`Ext Store`**:...

    深入浅出Ext_JS:数据存储与传输

    除此之外,Ext JS还提供了数据网格(Grid)、表格(Form)等组件,它们内置了数据处理逻辑,支持数据的筛选、排序、分页等功能。例如,表格组件可以方便地与数据存储进行绑定,显示和编辑数据;而数据网格则提供了高...

    ext3 gridRowEditor本地数据简单demo,有注释

    标题中的"ext3 gridRowEditor本地数据简单demo"是指基于ExtJS 3.x版本的一个示例,它展示了如何使用GridPanel的RowEditor组件来编辑表格数据。ExtJS是一个流行的JavaScript库,用于构建富客户端应用程序,而ext3是其...

    ext + dwr proxy

    在EXT中,DWR通常被用来作为后端数据源,为EXT的组件如Grid、Tree或Form提供数据。`dwrproxy.js`文件可能包含了以下关键内容: 1. **DWR配置**:文件可能会初始化DWR引擎,定义了哪些Java类和方法可以被JavaScript...

    HttpProxy HTTP代理服务器

    HttpProxy HTTP代理服务器 HttpProxy HTTP代理服务器 HttpProxy HTTP代理服务器 HttpProxy HTTP代理服务器

    简单的EXT加载数据的例子

    在这个例子中,“简单的EXT加载数据的例子”可能是指如何动态地从服务器获取数据并加载到Treepanel中。 1. **创建Treepanel** 创建Treepanel时,我们需要指定一些基本配置,如ID、标题、宽度、高度等。此外,还...

    Extjs4 Grid分页与自动刷新

    在创建Store时,需要设置分页参数`pageSize`以控制每页显示的数据数量,并定义模型(Model)以及数据代理(Proxy)等配置。 ```javascript var store = Ext.create('Ext.data.Store', { pageSize: 10, // 设置每页...

    ExtJS笔记---Grid实现后台分页

    在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括数据...在阅读这篇博客时,可以参照给出的"extgrid"文件,查看具体的代码实现,以便更好地理解和学习。

    Ext2.0框架的grid使用

    Grid组件在Ext2.0框架中主要用于展示表格形式的数据,支持多样的数据源类型,包括二维数组、JSON数据和XML数据,甚至是用户自定义的数据格式。这一灵活性得益于框架提供的`Ext.data.Store`,它作为数据与Grid间的...

Global site tag (gtag.js) - Google Analytics