`
txf2004
  • 浏览: 7132800 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Extjs中读取含有list嵌套的xml,不用association的方法

 
阅读更多

使用association的地址:http://blog.csdn.net/aaoxue/article/details/8291028

xml如下所示:

<?xml version="1.0" encoding="UTF-8"?>
<teacherList>
<teacher>
<name>teacher1</name>
<students>
<name>student1_1</name>
<name>student1_2</name>
</students>
</teacher>
<teacher>
<name>teacher2</name>
<students>
<name>student2_1</name>
<name>student2_2</name>
</students>
</teacher>
</teacherList>

Ext.define("student.Model",{
extend:"Ext.data.Model",
fields:[
{name:'name',mapping:'/'}
]
});
//定义数据集概要
Ext.define('teacher.Model', {
extend : 'Ext.data.Model',
fields : [{
name : 'name',
mapping : 'name'
}, ///学生信息
{name:'students',mapping:'students',
convert:function(vii,rii){
var areader = new Ext.data.reader.Xml({
model: "student.Model",
type: 'xml',
record: "students>name"
});
return areader.readRecords(rii.raw).records;
}
}

]
});

model 设置就是这样,创建store

var tstore = Ext.create('Ext.data.Store', {
storeId:'simpsonsStore',
model:'teacher.model'
});

创建学生store

var sstore = Ext.create('Ext.data.Store', {
storeId:'simpsonsStore',
model:'student.store'
});

学生store获取数据需要通过

sstore.loadRecords(tstore.getAt(i).get('students'))获取数据,i为具体教师store中的record的ID值,

分享到:
评论

相关推荐

    ExtJs中的Grid Title部分利用XML定义(ExtJS+Struts2)

    本教程将详细讲解如何在ExtJs中利用XML来定义Grid的Title部分,并通过Struts2 Action获取数据。 首先,让我们了解`ExtJs Grid Title`。Title是Grid面板的头部,通常用来展示Grid的标题或列名。在传统的定义中,我们...

    extjs读取解析后端json格式数据显示条形图

    在本案例中,我们将深入探讨如何使用ExtJS读取并解析后端返回的JSON格式数据,然后将这些数据呈现为动态的条形图,以实现吸引用户注意力的视觉效果。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    在“ExtJS3.3中文API.CHM”文档中,每个API或类都有详细的说明,包括其属性、方法、事件和配置项,这对于开发者来说是宝贵的参考资料。通过深入学习和理解这些内容,开发者能够熟练掌握ExtJS 3.3,编写出高效、高...

    ExtJS中的Grid Title部分利用XML定义随意变化

    在ExtJS中,Grid是一种非常重要的组件,用于展示二维数据并提供丰富的交互功能。当我们需要构建灵活可配置的Grid时,可以借助XML来定义Grid的Title部分,包括header表头名、width宽度以及dataIndex映射名。这种方法...

    extjs4 对各类型store各种数据的读取 model 前台 等等

    根据提供的文件信息,本文将详细解析ExtJS 4中如何处理不同类型的Store及与之相关的数据操作、模型定义以及前端展示等内容。 ### ExtJS 4中的Store与数据管理 #### Store概念简介 在ExtJS 4中,Store是用于存储...

    extjs的Word导出,excel读取和导出demo

    标题 "extjs的Word导出,excel读取和导出demo" 涉及到的是在Web应用程序中使用ExtJS框架进行数据导出至Word和Excel格式的技术实践。ExtJS是一个强大的JavaScript库,用于构建富客户端的Web应用,而Excel和Word导出则...

    Extjs 中文API文档

    Extjs 中文API文档,有对Extjs相关API的中文说明

    Extjs读取大华监控

    在“Extjs读取大华监控”这个场景中,我们关注的是如何利用ExtJS来与大华监控设备进行交互,展示监控画面。大华监控设备通常提供网络接口,使得开发者可以通过HTTP或特定的API来获取实时视频流。 首先,我们要理解...

    ExtJs XML 省市县级联

    在"ExtJs XML 省市县级联"这个项目中,开发人员利用ExtJs的组件和数据处理能力,结合XML数据格式,实现了中国省市县三级联动的选择效果。这种功能常见于需要用户选择详细地区信息的Web应用中,如物流配送、地址填写...

    Extjs中文文档

    Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。

    extjs+xml 工作流设计器

    当你提到"ExtJS+xml 工作流设计器",这通常指的是一个基于ExtJS开发的,能够通过XML来定义和管理工作流程的可视化工具。 工作流设计器是一种应用程序,它允许用户通过图形化界面来创建、编辑和管理工作流程。这些...

    extjs中文帮助文档和英文api

    中文帮助文档(extjs帮助文档.chm)对ExtJS的各种组件、类、方法、属性进行了详尽的解释,使得不懂英文或者对英文阅读有困难的开发者也能轻松学习和应用。CHM文件是Microsoft编写的HTML帮助文件,它将一系列HTML页面...

    ExtJs界面嵌套源码

    ExtJs的页面布局、界面设计的源码 直接运行index.html可看效果,源码在里面

    一个extjs表格的实例

    extjsDemo2 form panel 一个extjs的demo。1、描绘了表格的属性;2、一个简单的页面布局。供参考。

    ExtJS4 表格的嵌套 rowExpander应用

    在ExtJS4中实现表格的嵌套使用rowExpander插件是一项非常实用的技术,它允许我们为表格中的每一行添加一个可展开的详细信息区域。该功能通过一个简单的“+”号来标识,用户点击即可展示子表格,子表格数据可动态从...

    Extjs 从远程获取json类型的list数据

    标题 "Extjs 从远程获取json类型的list数据" 涉及的是在Web开发中使用Extjs框架与服务器进行交互,获取JSON格式的数据并展示在列表(List)组件中的技术。Extjs是一款强大的JavaScript库,用于构建富客户端的桌面级...

    ExtJs 实例+ExtJs中文教程(学习extjs必备)

    在《ExtJs 实例》中,你将找到各种实际应用场景的代码示例,这些实例涵盖了ExtJs的各种组件和功能。通过学习这些实例,你可以更好地理解如何在实际项目中应用ExtJs,例如如何创建网格(Grid)、表单(Form)、树形...

    中文的Extjs的api手册

    手册中涵盖了ExtJS 3.3的所有类、方法、事件、属性和配置选项,对于开发者来说是不可或缺的工具。 1. **组件系统**:ExtJS的核心在于其组件模型,包括窗口(Window)、面板(Panel)、表格(Grid)、表单(Form)等...

    extjs3.0中文API

    运行“3.0下3.x API Documentation.exe”文件,可以查看详细的API参考,其中包括每个类、方法、属性和事件的描述,帮助开发者深入理解并有效地利用ExtJS 3.0的全部功能。 总的来说,ExtJS 3.0中文API文档是学习和...

Global site tag (gtag.js) - Google Analytics