`
godson_2003
  • 浏览: 19238 次
文章分类
社区版块
存档分类
最新评论

EXT2.0 Grid JSON问题

阅读更多

输出的字符串是这样的格式:

({"totalCount":"3","results":[{"type":{"name":"支出","id":"01"},"name":"日常用品","id":"01"},{"type":{"name":"支出","id":"01"},"name":"吃饭","id":"02"},{"type":{"name":"支出","id":"01"},"name":"请客送礼","id":"03"}]})

 

pojo关系

大类type.java

属性id,name

小类classes.java

属性id,name,type

 

现在我要在Grid里显示小类内容 其中包括大类名称  eg:01 日常用品 支出

问题是针对这样的json字符串,我的reader该怎么定义?

reader: new Ext.data.JsonReader({
            root: 'result',
            totalProperty: 'totalCount',
            id: 'id'
        }, [
            ............................            

        ]),

分享到:
评论
9 楼 tangpeng52 2008-11-06  
看我的代码:
var record = Ext.data.Record.create([
{name: 'guid',             type: 'string'},
{name: 'code',             type: 'string'},
{name: 'name',             type: 'string'},
{name: 'speciality',       type: 'string'},
{name: 'reportPeriodType', type: 'string'},
{name: 'debug',            type: 'string'},
{name: 'tabindex',         type: 'int'}  ]);

var store = new Ext.data.JsonStore({
autoLoad : true,
fields : record,
url : '${ctx}/admin/StatisticObjectTemplateAction_getTemplate.action?     whichJson=jsonAllTemplates'  });

url 返回的 json 字符串为 :
[{"code":"q1","debug":true,"guid":"001",
  "name":"q1","reportPeriodType":null,
  "speciality":{"guid":"34232","name":"工业","tabIndex":2},
  "tabIndex":1000}]


GridPanel 的部分代码为:

var grid = new Ext.grid.GridPanel({
title: '报表模板列表'
store: store,
         ......
sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
columns: [
{{id:'code', header: "代码", width: 90, sortable: true,  dataIndex: 'code'}
         ,{id:'name', header: "名称", width: 160, sortable: true, dataIndex: 'name'}
,{id:'specialityname', header: "专业", width: 100, sortable: true, dataIndex: 'speciality.name'}
,{id:'reportPeriodType', header: "期别", width: 60,  sortable: true,dataIndex: 'reportPeriodType.code'}],
         ......
         ......


我想要在专业那列显示 “工业”  ,dataIndex: 'speciality.name'  这样为什么不行呢?
8 楼 godson_2003 2008-11-06  
({"totalCount":"3","results":[{"type":{"name":"支出","id":"01"},"name":"日常用品","id":"01"},{"type":{"name":"支出","id":"01"},"name":"吃饭","id":"02"}, {"type":{"name":"支出","id":"01"},"name":"请客送礼","id":"03"}]})

如果要显示 “支出” 就用 type.name
7 楼 tangpeng52 2008-11-06  
你好,请你的这个问题解决了没有,我也遇到类似问题,请指教!
6 楼 lei101206 2008-05-27  
请问一下,你的这个问题有解决方案了没有
5 楼 fins 2007-11-12  
看源码
搜索 renderer 你就应该能找到 ext内部是怎么调用render的了
这是我找到的

p.value = c.renderer(r.data[c.name], p, r, rowIndex, i, ds);

根据这个分析,  render的第3个参数 就是那一行对应的记录的json对象
你用 r.results就是你要取的红色部分了
4 楼 godson_2003 2007-11-12  
<p>
fins 写道
自己在那列上写个render就可以了
</p>
<p>我现在是不知道这个render该怎么写。查API也查不到什么提示。都是简单的那种</p>
3 楼 fins 2007-11-12  
自己在那列上写个render就可以了
2 楼 godson_2003 2007-11-12  
<p>
fangzhouxing 写道
这应该在Java类设计中解决,与Ext无关。 在小类classes.java中引用大类对象即可。
</p>
<p>java类没有问题,主要是产生的json字符串是这样:</p>
<p><font>({"totalCount":"3","results":[<font color='#ff0000'>{"type":{"name":"支出","id":"01"}</font>,"name":"日常用品","id":"01"},{"type":{"name":"支出","id":"01"},"name":"吃饭","id":"02"},{"type":{"name":"支出","id":"01"},"name":"请客送礼","id":"03"}]})</font></p>
<p>红色处 就是因为小类中有type这个对象</p>
<p>现在的问题是面对上面这样的字符串,ext怎么样才能解析?</p>
1 楼 fangzhouxing 2007-11-12  
这应该在Java类设计中解决,与Ext无关。

在小类classes.java中引用大类对象即可。

相关推荐

    EXT2.0 GRID 示例

    EXT2.0 GRID 示例是一个基于EXT JavaScript库的高级数据展示和操作组件的实例。EXT是一个强大的前端开发框架,尤其在创建交互式Web应用程序方面表现出色。EXT2.0是EXT库的一个早期版本,它提供了丰富的用户界面组件...

    ext2.0 grid 分页实例(php)

    在Ext JS 2.0中,Grid组件提供了丰富的交互性和定制性,如排序、过滤、编辑等功能。 分页机制的实现主要涉及两个部分:前端Grid组件和后端PHP服务。前端负责展示数据和处理用户交互,后端则负责数据的获取和分页...

    Ext2.0框架的Grid使用介绍

    Grid是Ext2.0中用于展示数据的重要组件之一,它不仅能够显示各种格式的数据(如二维数组、JSON或XML),还支持数据的排序、过滤和分页等功能。Grid的核心在于`Ext.grid.GridPanel`类及其相关的配置项。 ##### 1. ...

    ext2.0 详解和API

    1. **组件化设计**:EXT2.0引入了一套完整的组件系统,如表格(Grid)、面板(Panel)、窗口(Window)和菜单(Menu),这些组件可以自由组合,形成复杂的用户界面。 2. **数据绑定**:EXT2.0实现了模型-视图-控制...

    EXT2.0中文API

    1. **组件系统**:EXT2.0拥有强大的组件体系,包括窗口(Window)、面板(Panel)、表格(Grid)、表单(Form)、树形控件(Tree)等。每个组件都有其特定的属性、配置选项、事件和方法,这些在API文档中都有详细的...

    Ext2.0框架的grid使用

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

    EXT2.0-API

    EXT2.0-API是关于EXT JavaScript库的一个重要版本的接口文档。EXT是一个广泛使用的前端开发框架,特别是用于构建数据驱动的Web应用程序。EXT2.0是EXT库的一个里程碑,引入了许多增强功能和改进,使开发者能够创建...

    EXT2.0中文教程

    1.3. 看看ext-2.0的文档 1.4. 为什么有的例子必须放在服务器上才能看到效果? 1.5. 为什么自己按照例子写的代码,显示出来总找不到图片 1.6. 我们还需要什么? 1.7. 入门之前,都看helloworld。 1.7.1. 直接使用下载...

    Ext 2.0 中文api 天涯浪子

    1. **组件系统**:Ext 2.0的核心是其组件模型,包括基本组件如Panel、Window、Grid等,以及各种复杂的UI元素。开发者可以通过组合这些组件来构建复杂的用户界面。 2. **数据绑定**:Ext 2.0支持双向数据绑定,允许...

    ext 2.0

    3. **Grid Panel**:EXT 2.0 的网格面板是一个强大的表格控件,支持分页、排序、过滤、行编辑等多种功能,适用于展示大量结构化数据。 4. **表单组件**:EXT 2.0 提供了一系列完善的表单元素,如文本框、复选框、...

    Ext2.0 概述.doc

    EXT2.0是EXT框架的一次重大更新,它带来了许多改进和新功能,旨在提高开发者的体验和应用程序的性能。以下是对EXT2.0中关键知识点的详细解释: 1. **组件模型 (Component Model)**: 在EXT2.0中,Component和...

    《Ext 2.0 核心API 详解教程》 pdf

    6. **组件(Components)**:EXT 2.0提供了丰富的组件库,包括Grid、Panel、Tab Panel、Form、Window等,每个组件都有完整的配置选项和API,可以根据需求创建出复杂的应用界面。 7. **数据绑定(Data Binding)**:...

    Ext2.0英文API文档

    5. **表格(Grid)**:Ext2.0的表格组件功能强大,可以展示大量数据并提供编辑功能。表格支持行选择、排序、分页和自定义列渲染。 6. **表单(Forms)**:Ext2.0的表单组件包括各种输入控件,如文本框、下拉框、复...

    Ext2.0示例讲解

    在描述中提到,Ext2.0的Grid控件不仅美观,还支持多种数据格式,如二维数组、JSON和XML,甚至允许自定义数据类型。 Grid的核心组成部分包括ColumnModel(列模型)和Store(数据存储)。ColumnModel定义了表格的结构...

    ext2.0

    此外,EXT 还提供了数据存储(`Ext.data.Store`)和数据网格(`Ext.grid.Panel`)等组件,用于展示和管理数据。例如,`storeMapping` 属性定义了 JSON 数据与表单字段之间的映射关系,`ColumnModel` 用来定义数据...

    ext2.0 中文资料(含多例子)

    5. **兼容多种浏览器**:Ext 2.0在不同浏览器中的表现一致,降低了跨浏览器的兼容性问题。 ### 示例代码解析 #### 示例一:基本表格展示 这段代码可能展示了如何使用Ext 2.0创建一个简单的表格,其中包含了数据行...

    Java Ext2.0 数据交互

    在前端,Ext2.0提供了Grid Panel组件来展示数据,用户可以直接在界面上进行增删改查操作。Grid Panel可以配置数据源,通常是Ext.data.Store,Store连接到远程数据源(Java后端API)。当用户触发增删改查操作时,...

    Ext2.0锁定列示例

    在本文中,我们将深入探讨如何在Ext2.0框架中实现Grid列的锁定功能,这是一种在数据展示时保持关键列固定不动,以便用户更轻松地浏览和操作表格数据的技术。Ext是一个强大的JavaScript库,用于构建复杂的Web应用程序...

    EXT 2.0资料

    在EXT 2.0中,与后台数据的交互主要通过Ajax技术实现,Ajax即Asynchronous JavaScript and XML,尽管名称中包含XML,但现在更多地是与JSON数据格式一起使用,因为JSON更轻量级且解析速度更快。EXT 2.0提供了一套完善...

    ExtGrid使用

    Ext2.0是其较早的一个版本,包含许多基础和高级组件,如Grid、Tree、Form等。 2. **ExtGrid**:ExtGrid是Ext JS中的表格组件,用于显示结构化的数据。它支持多种功能,如排序、过滤、分页、行编辑等。在本例中,...

Global site tag (gtag.js) - Google Analytics