Extjs读取xml文件生成动态表格和表单(续)

  1. 云栖社区>
  2. 博客列表>
  3. 正文

Extjs读取xml文件生成动态表格和表单(续)

雨客 2016-04-11 15:39:50 浏览1532 评论0

摘要: 很多人向我要【Extjs读取xml文件生成动态表格和表单】一文的源代码,故花了些时间将源代码整理出来,并重新编写此文,分享当时的技术思路。 需要的文件有: 1.html文件,此处以SASC.search.MtrUse.html为例 2.Extjs相关文件,见SASC.search.MtrUse.html文件中的引用 3.工具类,DomUtils.js 4.核心js类:SASC.extjs.search.MtrUse.js 5.java代码 详细html和js代码见相关文件,这里先描述思路。

很多人向我要【Extjs读取xml文件生成动态表格和表单】一文的源代码,故花了些时间将源代码整理出来,并重新编写此文,分享当时的技术思路。

需要的文件有:

  • 1.html文件,此处以SASC.search.MtrUse.html为例
  • 2.Extjs相关文件,见SASC.search.MtrUse.html文件中的引用
  • 3.工具类,DomUtils.js
  • 4.核心js类:SASC.extjs.search.MtrUse.js
  • 5.java代码

详细html和js代码见相关文件,这里先描述思路。

首先

通过一个事件打开一个弹出窗口,该窗口的url指向SASC.search.MtrUse.html文件,并附带参数xmlFile,xmlFile的值为xml文件名称,其存于服务器的某一路径下面。如:../SASC.search.MtrUse.html?xmlFile=PC_MTRREPLACE_IMP.xml PC_MTRREPLACE_IMP.xml文件的放置路径见DomUtils.js文件中的说明。

在这里,前台会读取该xml生成ext界面,后天会从xml文件读取sql语句等信息,详细信息见java代码。

进入SASC.search.MtrUse.html页面,执行ext的初始化方法时,会先通过当前页面的url中获取xmlFile参数的值(调用 getForwardXmlUrl(getQsValue('xmlFile'))),得到xml文件的服务器路径,然后通过javascript的解析该xml文件,渲染出ext界面,这部分代码见SASC.extjs.search.MtrUse.js文件内的initStoreData(xmlObj) 方法。

需要说明的是,xml文件是按照一定规律编写的,详细的参考xml文件内容,以及解析xml文件的相关方法。你可以重新定义该xml的结构,然后修改解析xml文件的方法。

然后

初始化完ext界面之后,会获取表格数据,这部分使用了struts,这不是本文重点,故不做介绍。

说明

如果还有什么不懂或者想要源代码,欢迎email我:javachen.june#gmail.com

用云栖社区APP,舒服~

【云栖快讯】诚邀你用自己的技术能力来用心回答每一个问题,通过回答传承技术知识、经验、心得,问答专家期待你加入!  详情请点击

网友评论

雨客
文章214篇 | 关注105
关注
面向阿里云ECS实例、HPC和Docker的文件存储服务。 查看详情
构建在阿里云飞天分布式系统之上的NoSQL数据存储服务,提供海量结构化数据的存储和实时访问。 查看详情
独立的公网IP资源,可以绑定到阿里云专有网络VPC类型的ECS、NAT网关、私网负载均衡SL... 查看详情
为您提供简单高效、处理能力可弹性伸缩的计算服务,帮助您快速构建更稳定、安全的应用,提升运维效... 查看详情
阿里云总监课正式启航

阿里云总监课正式启航