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

很多人向我要【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

时间: 2024-09-30 13:58:00

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

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

最近开发项目,需要动态读取xml文件,生成Extjs界面,xml文件通过前台页面的按钮事件传进来,可以在网上查找[javascript 弹出子窗口]的相关文章</a> 获取弹出窗口url后的参数方法: // 获取url后的参数值 function getQueryStringValue(name) { var url = window.location.search; if (url.indexOf('?') < 0) { return null } var index = url.in

遍历指定文件夹下所有的xml文件并动态生成HTML页面!

xml|遍历|动态|生成html|页面 ++++++++++++++++++++++++++++功能:遍历指定文件夹下所有的xml文件并动态生成HTML页面!++++++++++++++++++++++++++++using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Drawing;using System.Web;using System.Web.Sess

JS通过ajax动态读取xml文件内容的方法

 这篇文章主要介绍了JS通过ajax动态读取xml文件内容的方法,实例分析了Ajax操作XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS通过ajax动态读取xml文件内容的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码读取note.xml文件,并填充显示相关字段 HTML文件代码如下 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 3

JS通过ajax动态读取xml文件内容的方法_javascript技巧

本文实例讲述了JS通过ajax动态读取xml文件内容的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码读取note.xml文件,并填充显示相关字段 HTML文件代码如下 <!DOCTYPE html> <html> <head> <script> function loadXMLDoc(url) { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome,

XMLTextReader和XmlDocument读取XML文件的比较

xml|比较 看到网上一片文章,自己式了一下,果然 XMLTextReader速度要快! 在.NET框架的System.XML名称空间中包含的XMLTextReader类不需要对系统资源要求很高,就能从XML文件中快速读取数据.使用XMLTextReader类能够从XML文件中读取数据,并且将其转换为HTML格式在浏览器中输出.   读本文之前,读者需要了解一些基本知识:XML.HTML.C#编程语言,以及.NET尤其是ASP.NET框架的一些知识. 微软公司的.NET框架为开发者提供了许多开发

SQL Server中读取XML文件的简单做法

SQL Server 2000使得以XML导出数据变得更加简单,但在SQL Server 2000中导入XML数据并对其进行处理则有些麻烦. 如果你参考Books Online(BOL),你会发现有相关的条目,包括OPENXML以及 OPENROWSET.所有的这些例子都支持将XML文本作为已经声明的变量,这对于经常处理文本的用户来说非常方便,但对于希望在开发中读取XML文件并进行相应处理的开发人员来说就不是这样了.处理这样的问题,或许最好从内到外来对其进行分析. OPENXML是一个rowse

SQL Server中读取XML文件的简单方法

SQL Server 2000使得以XML导出数据变得更加简单,但在SQL Server 2000中导入XML数据并对其进行处理则有些麻烦. 如果你参考Books Online(BOL),你会发现有相关的条目,包括OPENXML以及 OPENROWSET.所有的这些例子都支持将XML文本作为已经声明的变量,这对于经常处理文本的用户来说非常方便,但对于希望在开发中读取XML文件并进行相应处理的开发人员来说就不是这样了.处理这样的问题,或许最好从内到外来对其进行分析. OPENXML是一个rowse

SQL Server读取XML文件的做法

SQL Server 2000使得以XML导出数据变得更加简单,但在SQL Server 2000中导入XML数据并对其进行处理则有些麻烦. 如果你参考Books Online(BOL),你会发现有相关的条目,包括OPENXML以及 OPENROWSET.所有的这些例子都支持将XML文本作为已经声明的变量,这对于经常处理文本的用户来说非常方便,但对于希望在开发中读取XML文件并进行相应处理的开发人员来说就不是这样了.处理这样的问题,或许最好从内到外来对其进行分析. OPENXML是一个rowse

jQuery读取XML文件内容的方法

 这篇文章主要介绍了jQuery读取XML文件内容的方法,实例分析了jQuery操作XML文件的技巧,需要的朋友可以参考下     本文实例讲述了jQuery读取XML文件内容的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.