ExtJS如何读取XML、Json文件

最新推荐文章于 2020-12-20 14:32:23 发布
最新推荐文章于 2020-12-20 14:32:23 发布
阅读量7.2k 收藏 1
点赞数
分类专栏： UI 文章标签： extjs xml json header string stylesheet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangzhimei/article/details/2897512
版权
本文作者在使用ExtJS开发时遇到GridPanel无法从XML和JSON文件中加载数据的问题，尽管能读取内部对象。示例代码展示了尝试创建GridPanel并从XML文件中获取数据的过程，但未能成功显示数据。问题在于XMLReader配置可能不正确，或者数据加载过程存在错误。寻求帮助以解决XML和JSON数据在ExtJS GridPanel中的显示问题。
摘要由CSDN通过智能技术生成

     最近一直研究ExtJS，感觉非常不错，但是遇到一个问题，就是ExtJS的GridPanel读取XML文件和Json文件读取不了，但是读取XML、和Json的内部对象却能成功读取，也不知道是怎么了。看了一下XmlReader的那个源码也没有找到原因。而网上有人说需要扩展XmlReader，但是我想ExtJS这么强大的功能怎么可能没有直接读取XML的方法呢？我看网上好多人写得例子都和我差不多呀，但是为什么显示不了数据呢？

    下面是我的.html和.xml文件，公司现在有个项目想用ExtJS的表格，让我开发个组件，现在这个XML和Json文件的读取把我给折腾了好几天了，希望能有高人指点迷津啊！

gridPanel.html：

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>GridPanel_data（XML）</title>
<link rel="stylesheet" type="text/css" href="../../ext-2-.0.1/resources/css/ext-all.css">
<script type="text/javascript" src="../../ext-2-.0.1/adapter/ext/ext-base

最低0.47元/天 解锁文章
yangzhimei
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
ExtJs 读取 Xml 数据
Blueness_Article
03-31 1106
ExtJs 中使用 GridPanel 读取 Xml 文件时，如何配置 Store 的 URL属性，以及 Xml 文件的存放位置(asp.net版)。
ext js解析xml文档
02-10
Extjs解析xml问题 Ext.onReady(function(){ 　　　　 　　　　var store=new Ext.data.Store({　　　　　 　　　　　　url:'GridData.xml', 　　　　　　reader:new Ext.data.XmlReader( 　　　　　　　　{record:'Item'},　　　　　　　　 　　　　　　　　["ASIN","Author","Manufacturer","ProductGroup","Title"]) 　　　　});
EXTJS4读取XML文件的方法
emichao的专栏
08-14 849
//将XML文件作为数据源     var reportStore = Ext.create('Ext.data.Store', {         model: 'ReportModel',         proxy: {             type: 'ajax',             url: '../../ReportDataXML/ReportData.xml',
extjs之-读取xml
一室阳光，温暖你我他！
06-23 2849
请求我们可以暂分为两种：一种是表单Form的请求提交，一种是AJAX的请求。 我们现在对这两种请求的返回结果进行读取。 在后台用我们自定义的XML格式。 然后写个JS对XML进行读取。 1：对AJAX请求返回的xml读取 var AjaxRead = {};   AjaxRead = function (doc){ this.xmlData = doc; var root = doc.docume
extjs成功读入xml
anderberte
07-12 560
cript">Ext.onReady(function(){         var httpproxy=new Ext.data.HttpProxy({url:'XMLFile.xml'})  var metedata={totalRecords:"Column1",              record:"Table1",          fields:[       {name:'nam
netcore读取json文件_NetCore 对Json文件的读写操作
weixin_39833763的博客
12-20 1046
nugetMicrosoft.Extensions.Configuration;Microsoft.Extensions.Configuration.Json;Newtonsoft.Json;Newtonsoft.Json.Linq;/// /// Json文件读写/// 引用Newtonsoft.Json/// public class JsonFileHelper{//注意：section为根...
JSON.rar_JSON Hibernate_extjs_json struts ext_jsp json extjs_str
最新发布
09-20
在处理CRUD（创建、读取、更新、删除）操作时，JSON可以用于在Hibernate的持久化对象和客户端之间传输数据，减少了对XML或自定义格式的依赖。 Struts2是Java Web开发中的一个MVC（模型-视图-控制器）框架，它提供了...
ExtJS 加载json文件
fieldyang的专栏
03-25 2371
这里我们以JSONStore为例来说明，xml 或文本格式类似。在Ext 里面，通常用Store来保存提取的数据。1.创建Storevar store = new Ext.data.JsonStore({        url: 'xmfl.txt',   //采用相对路径，亦可用php.jsp,action等可返回数据的地址    root: 'rows',    //json根，如{rows:[{'typeId':1,'typeName':'体育用品'},{}....]} //这项创
extjs 跟 struts+json
04-06
标题 "extjs 跟 struts+json" 暗示了本文将探讨如何使用ExtJS框架与Struts框架结合，通过JSON数据格式进行交互。ExtJS是一个强大的JavaScript库，用于构建富客户端Web应用程序，而Struts是Java Web开发中的一个MVC...
js读取properties文件
08-18
js读取properties文件，很好用的。js读取properties文件，很好用的。js读取properties文件，很好用的。js读取properties文件，很好用的。
extjs 解析xml
fengchen852762的博客
04-18 184
select * from SLC_TM_WLZL id D select `ID`,`cInvCode`,`cInvName`,`cFree4`,`shl`,`cInvStd`,`cFree1`,`cFree2`,`cFree3`,`cinvstd_1`,`cMemo` FROM SLC_TM_WLZL slc_tm_wlzl ...
Extjs文件引用
baibashige的专栏
09-03 484
注意css要引用图片，单独拷贝css文件可能出现看不到图标的情况
js+ExtJs+Ajax 解析xml文件
xiaohou66的专栏
10-09 752
本例主要实现了，从xml中读取节点的属性值以及子节点的值，代码如下： getXMLDatas:function(xmlurl){ Ext.Ajax.request({ // url : 'xml/xmlreader.action', // params:{xmlurl:"app\\xml\\ftpserver.xml"}, url:'app/xml/ftpserv
dom4j读取xml文件，用extjs以树的形式显示
u014691866的博客
06-06 516
1.xml文件形式 2.利用dom4j来解析xml文件 3.json字符串传递给前台
Extjs解析json数据
LiveForProgramming的专栏
12-21 672
//当action返回success时    success : function(_response, _options) {              //alert(_response.responseText);              //解析json数据转成json对象               var jsonObj = Ext.JSON.decode(response.
JS实现将XML转化为JSON
一朝身陷IT海，从此回头没有岸！
05-31 228
直接上代码 xmlToJson={ parser:function(xmlcode,ignoretags,debug){ if(!ignoretags){ignoretags=""}; xmlcode=xmlcode.replace(/\s*\/&gt;/g,'/&gt;'); xmlcode=xmlcode.replace(/&l...
extjs xmlStore
万物皆字节
04-27 1098
var store3 = new Ext.data.XmlStore({ // store configs autoDestroy : true, autoLoad : true, storeId : 'myStore1', url : 'test.xml', // automatically configures a HttpProxy // reader configs reco
ext读取xml内容
tancaiyi的专栏
01-08 3011
这里是一个老例子哈建立一个xml文件：plants.xml      Bloodroot    Sanguinaria canadensis    4    Mostly Shady    2.44    03/15/2006    true        Columbine    Aquilegia canadensis    3    Mostly Shady    9.37    0
EXTJS与JSON、Struts2结合实现树形结构示例
4. **Hibernate ORM**: 提供了ORDER.XML和CUSTOM.XML文件，它们是Hibernate的映射文件，用于定义数据库表与Java对象之间的映射关系。`<hibernate-mapping>`元素定义了一个类的映射，`<class>`元素指定对应的数据库表...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值