2 u013132260 u013132260 于 2014.01.13 11:23 提问

extjs中如何用GridPanel显示xml格式的数据

我代码运行时没有报错误,就是显示不出来我要的数据
extjs代码如下:
Ext.onReady(function(){
//Ext.BLANK_IMAGE_URL="../Ext/resources/images/default/s.gig";

//记录类型
var Person=new Ext.data.Record.create(
[
{name:"id",mapping:"id"},
{name:"name",mapping:"name"},
{name:"age",mapping:"age"},
{name:"homePage",mapping:"homePage"}
]
);
//存储器
var  store=new Ext.data.Store({
url:"data.xml",
reader:new Ext.data.XmlReader({ record: "row", id:"id"},Person)
});
store.load();
//表格面板
var gridPanel=new Ext.grid.GridPanel({
id:"gridPanel",
renderTo:"hello",
title:"人员信息",
width:500,
height:300,
store:store,
columns:[   
{header:"id",dataIndex:"id",sortable:true},
{header:"姓名",dataIndex:"name",sortable:true},
{header:"年龄",dataIndex:"age",sortable:true},
{header:"个人主页",dataIndex:"homePage",sortable:true}
],
autoExpandColumn:3  //默认自动扩展宽度的字段。

});

});

xml数据如下:
<?xml version="1.0" encoding="UTF-8"?>


1
张三
34
www.ibeifeng.com


2
李斯
12
www.ibeifeng.com


3
王五
90
www.163.com


4
赵六
23
www.163.com


5
小龙
23
www.cctv.com


6
还炸
23
www.163.com

我用的是Extjs3,不知有没有什么版本的问题。。。
请各位大神指点!

1个回答

jiangss007
jiangss007   2015.12.08 09:36

去找找api里的proxy

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
[Extjs6] 对gridpanel数据显示前对其进行相关的格式处理
header : "是否禁用", width : 100, flex : 1, dataIndex : 'isforbidden', renderer : function(value) { return value == 0 ? "否" : "是"; }
Extjs学习------MVC结构的开发(从后台获取数据显示到Grid)
Extjs学习------MVC结构的开发(从后台获取数据显示到Grid) 上次是一个登陆的Form,大概就是从Extjs前台获取数据,提交到后台的Action进行验证,这次是一个从后台的Action获取数据,然后将其显示到前台Extjs的Grid中,截图如下: 文档目录结构: DHApp(所有的Ext的app文件夹都放在这个里边)     |---Organizati
Ext.grid.Panel加载JSON数据
Ext.onReady(function () { //建立一个store要使用的Model Ext.define("User", { extend: "Ext.data.Model", fields: [ { name: "firstName", type: "string" }, { name: "
Extjs中Grid分页汇总全部数据的合计----通过服务器端汇总发到前台显示
一、前台部分 1、view                 Ext.define('app.view.statmag.iostat.region.SearchGrid', {                     extend: 'Ext.grid.Panel',                     alias: 'widget.iostatSearchGrid',        
extJs中一个viewport中, 使用一个请求, 同时显示两个gridPanel
在extjs中一个页面中可以用一个请求为两个grid加载数据, 并同时显示在两个中gridpanel
ExtJs gridPanel 显示查询无数据
需求当Ext.grid.Panel中没有查询到数据时,gridPanel中默认没有提示(不是弹出框的那种),在ExtJs中gridPanel封装了viewConfig属性,可以在gridPanel中没有数据的时候默认显示提示效果图代码viewConfig:{ forceFit:false, emptyText:'<div style='text-align:center;paddin
extjs gridpanel 单元格内容全部显示
如果grid panel 中单元格数据g
GridPanel显示不全的问题
明明有5条数据,但只显示4条。如图所示: 后台调试发现查询出来确实有5条,但仔细观察发现其中一条展开没有内容。于是在数据库里查询一下发现问题:表记录主键ID有重复,原来是表没有建主键,导致ID重复无法展示。 解决方案:将主键重复的记录删掉一条,设置ID为表主键。
Ext.grid.Panel 正确显示日期
Ext.grid.Panel 正确显示日期
ExtJs之GridPanel、FormPanel综合篇
今天我们一块看一下GridPanel和FormPanel的另外一些知识。在这一篇文章中我觉得更多的是FromPanel的应用,虽然前面我们单独说了FromPanel布局及其相关控件,但是关于FromPanel的提交和加载一直没有说。在这一篇文章中我们着重说一下FromPanel的加载与提交,以及如何将FormPanel与TabPanel结合起来等。例子要实现的功能:显示商品信息并且支持分页和搜索;单击某商品弹出相关信息(包括供货商和种类信息);在弹出窗口中可以自动加载相关信息并且可以修改提交。 温故而知新