// 根据xml创建dom对象
function loadXMLString(xmlString) {
var xmlDoc = null;
try {
var parser = new DOMParser();
xmlDoc = parser.parseFromString(xmlString, "text/xml");
} catch (e) {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.loadXML(xmlString);
}
return xmlDoc;
}
/**
* 组织成例子grid3一样的数据其中为json格式,然后需要eval作为Store的data
*/
function getStoreData(xmlStr) {
var xmlDoc = loadXMLString(xmlStr);
var returnStr = "[";
var con = xmlDoc.getElementsByTagName("relation");
for (var i = 0; i < con.length; i++) {
var relation = con[i];
returnStr += "[";
var relationChilds = relation.childNodes;
for (var j = 0; j < 5; j++) {
var relationChild = relationChilds[j];
returnStr += "'";
returnStr += relationChild.text;
returnStr += "'";
if (j != 4) {
returnStr += ",";
}
}
returnStr += "]";
if (i != (con.length - 1))
returnStr += ",";
}
returnStr += "]";
return returnStr;
}
分享到:
相关推荐
在EXT JS框架中,"ext 读取xml 可编辑grid"是一个常见的需求,涉及到的主要知识点包括EXT的数据对象、EditorGridPanel的使用以及EXT对XML数据格式的支持。下面将详细阐述这些内容。 EXT JS是一个强大的JavaScript库...
7. **加载和保存**:在页面加载时,可以使用Store的`load`方法加载XML数据。当用户保存更改后,可以使用XMLSerializer将更新后的Store数据序列化回XML字符串,然后发送到服务器进行持久化。 通过这个例子,开发者...
6. Ajax通信:EXT使用Ajax(异步JavaScript和XML)技术进行后台数据的请求和更新,无需刷新整个页面,提高了用户体验。通过EXT的Store组件,可以轻松管理数据的加载、提交和刷新。 7. 响应式设计:EXT框架还支持...
1. Store与Proxy:在Ext JS中,数据存储在Store对象中,而Store通过Proxy与服务器进行交互。对于实时更新,我们需要配置Store的proxy以定时发送请求获取最新数据。常见的Proxy类型有Ajax和Rest,它们支持JSON或XML等...
5. 加载和显示:最后,通过EXT的API加载XML数据,将树渲染到页面上。这可能涉及到异步请求(AJAX)或者直接在页面加载时加载XML。 在实际应用中,为了使EXT组件正常工作,你还需要确保服务器正确配置以支持ASP执行...
- **Liferay-portal-ext.xml**:与portal-ext.xml类似,但包含额外的liferay元素,从liferay-portal.xml中复制并修改portlet描述。 - **struts-config-ext.xml和tiles-defs-ext.xml**:用于定义自定义的Struts动作...
EXT视图通常由JavaScript编写,可以通过JSON或XML与服务器端进行数据交换。 4. **定义Struts2 Action** 创建对应的Struts2 Action,处理EXT发起的请求。Action可以使用Struts2的拦截器进行数据校验、事务管理等...
### Ext.NET 安装与配置详解 #### 一、Ext.NET 概述 Ext.NET 是一组为 ASP.NET WebForms 和 MVC 架构设计的开源组件集合。它基于 Ext.js 库构建,提供了超过 100 种工具,包括 TextBox、ComboBox、Button、ToolBar...
#### 一、Ext框架概览与起源 **知识点1:Ext框架起源** Ext最初作为YUI(Yahoo User Interface Library)的扩展存在,名为YUI.Ext,随后发展成为一个独立的JavaScript框架,不再依赖于YUI。这一转变标志着Ext成为...
动态加载本地数据到`Ext.Panel`通常涉及到异步请求,使用`Ajax`或`Store`的`load`方法,通过URL获取JSON或XML格式的数据,并将其渲染到面板内。 例如: ```javascript var panel = Ext.create('Ext.Panel', { ...
8. **协作与版本控制**:设计文件通常为XML格式,易于在团队成员间共享和使用版本控制系统进行管理,方便多人协作开发。 9. **模板和布局**:Designer提供了多种布局模式,如Fit、Border、Form等,以及预设的模板,...
AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下,与服务器交换数据并更新部分网页的技术。EXT2.2利用AJAX技术实现了后台数据的异步加载和动态更新,从而提高了网页的响应速度和用户体验。...
6. **配置文件**:包括EXT的配置文件(如`app.js`)用于定义应用结构和组件,以及Struts的配置文件(如`struts.xml`)用于定义Action映射和结果页面。 通过这个简单的EXT项目,开发者可以了解如何设置EXT与Struts的...
此外,可能还涉及到了EXT的Ajax请求,通过Ext.Ajax或者Ext.data.JsonP方法与Java后台进行异步通信。这种方式使得前端可以实时地更新数据,而无需刷新整个页面,提升了用户体验。 在学习这个例子时,你可能会关注...
DataStore通常与XML或者JSON数据源连接,可以动态加载和更新数据。在Grid中,我们可以通过配置ColumnModel来定义显示的列。 实现拖拽功能的关键在于扩展EXT的GridPanel类,添加DragDrop支持。这通常涉及以下几个...
5. **Ajax通信**:EXT内置了Ajax处理机制,通过`Ext.Ajax`对象可以方便地进行异步请求,处理JSON或XML数据。 6. **布局管理**:EXT的布局系统允许开发者自定义组件的排列方式,如绝对布局、流式布局、卡片布局等,...
总结起来,EXT 3.3实现导出Excel功能需要理解数据处理、XML构造、文件下载以及可能的样式和格式设置。在实际应用中,还需要考虑性能优化,如分批导出大数据集,以及错误处理和用户体验设计。对于分页,EXT提供了便捷...
EXT 3.3 的数据绑定机制也是其强大之处,它允许开发者将模型(Model)的数据直接绑定到视图(View)上,实现了数据与界面的实时同步。通过Store组件,EXT 3.3 可以轻松处理大量数据的存储和操作,同时支持远程数据源...
6. **DWR(Direct Web Remoting)**:`extdwrgrid.zip`可能包含了一个DWR相关的示例,DWR允许JavaScript与Java后端进行实时通信,无须刷新页面。在这个例子中,DWR可能用于在客户端与服务器之间传输XML数据,提供...
要创建一个EXT3.2的多选下拉框,首先你需要导入所需的库和CSS样式,确保页面加载EXT JS库。然后,定义一个组合框(ComboBox)实例,并设置其配置项。关键配置包括`typeAhead`(自动补全)、`triggerAction`(触发...