`
tangwenchao86
  • 浏览: 378830 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

Ext与数据库进行交互

    博客分类:
  • IT
阅读更多
一般需要添加一组数据,引入一个概念Ext.data.Reader,这里的Reader功能非常单一,只是用来解析数据的到,EXTJS支持不同的数据格式,也就需要不同的数据解析器。而这个Reader就是承担解析器的作用。

1、数组形式数据解析(特殊的JSON形式数据,因此,ArrayReader是JsonReader的子类)

var _store = new Ext.data.Store({
        data:[["陈治文" , "男"] , ["张妍娜" , "女"]],
        reader:new Ext.data.ArrayReader({
             },Ext.data.Record.create(["name" , "sex"]))
        }) ;

解析器为ArrayReader,分别解析["陈治文" , "男"] 和["张妍娜" , "女"],将其转换成Ext.data.Record。

2、JSON形式数据

var _store = new Ext.data.Store({
         data:[{name:"陈治文" , sex:"男"} , {name:"张妍娜" , sex:"女"}],
         reader:new Ext.data.JsonReader({
              } , Ext.data.Record.create(["name" , "sex"]))
         }) ;
       
   alert(_store.getCount()) ;

JsonReader分别解析{name:"陈治文" , sex:"男"}和{name:"张妍娜" , sex:"女"},将这些数据解析成Ext.data.Record类型数据

3、XML形式数据

这里的有个地方比较麻烦,首先,我们必须得构建一个XMLDocument,这样才能形成XML数据,我们这里所讲的是ASPServer的XML组织形式

var _xml = new XML("<table><row><name>陈治文</name><sex> 男</sex></row><row><name>张妍娜< /name><sex>女</sex></row></table>") ;

这样,就是构建一个XML对象,通过_xml.getValue()得到xmldocument原型

再者,我们还有需要引入一个新型概念——数据代理Ext.data.DataProxy,数据代理的作用就是通过一定的方式来获得数据,目前EXTJS提供三种方式获得数据:内存传入、HTTP传入、跨域传入。我这里所讲是内存传入Ext.data.MemoryProxy

var _store = new Ext.data.Store({
        proxy:new Ext.data.MemoryProxy(_xml.getValue()) ,
        reader:new Ext.data.XmlReader({
              record:"row"
             },Ext.data.Record.create(["name" , "sex"]))
        }) ;
       
   _store.on("load" , function(_store){
        
         alert(_store.getAt(0).getCount()) ;
        
          }) ;
       
   _store.load() ;



摘自:陈治文,非本人原创
分享到:
评论

相关推荐

    ext 与数据库交互实例

    Combobox可以动态加载数据,这在与数据库交互时非常有用。 2. **与数据库的交互过程**: - **前端请求**:EXTJS的Combobox通常会有一个store,这个store负责存储数据。当用户打开Combobox或者开始输入时,EXTJS会...

    EXT与数据库交互的事例

    EXT与数据库交互,主要是通过AJAX(Asynchronous JavaScript and XML)技术来实现的,尽管在实际应用中XML可能不再是最常用的交换数据格式,现在更多的是JSON。 EXT中的AJAX交互通常涉及到以下几个关键知识点: 1....

    Ext 对数据库操作的简单实例

    标题中的“Ext 对数据库操作的简单实例”指的是使用Ext JS框架进行数据库交互的实际应用。Ext JS是一个用于构建富客户端Web应用程序的JavaScript库,它提供了丰富的组件和强大的数据管理功能,可以方便地与后端...

    Ext与后台数据库交互

    ### Ext与后台数据库交互知识点详解 #### 一、Ext中常用的类 在Ext框架中,为了更好地处理数据和用户界面的交互,引入了一系列强大的类来简化开发过程。 ##### 1.1 Ext.data `Ext.data`是Ext框架的核心模块之一...

    ext操作数据库实例DBExplorer

    下面我们将深入探讨EXT库以及如何与数据库交互,以及如何实现数据导出。 EXT库是Sencha公司的一个产品,它基于Ext JS,提供了一套完整的前端开发框架。EXT库包含大量的UI组件,如表格、窗口、菜单、表单等,可以...

    使用Ext显示数据库中内容

    在与后端数据库交互时,`Ext Grid`通常结合`Ajax`或者`Store`来实现数据的动态加载。 1. **配置`Ext Store`**:在`Ext`中,`Store`是用于存储和管理数据的容器。我们需要创建一个`Store`实例,配置数据源(如:`...

    Ext 连接数据库的相关操作

    这个例子展示了EXT如何与SQL Server数据库进行交互,实现Editgridpanel的数据操作。在实际应用中,你需要根据具体的业务需求和数据库结构进行调整,确保前后端的通信顺畅,数据处理正确。在开发过程中,还要注意安全...

    简单ext jsp数据库操作例子

    总结来说,"简单ext jsp数据库操作例子"是一个涵盖了EXT JSP与数据库交互基本原理和实践的应用案例,通过学习这个项目,开发者可以掌握EXT JSP在实际Web应用中的使用,以及如何有效地处理数据库操作,为构建更复杂的...

    Ext 操作数据库,对数据的增删改查,包括数据库,Ajax请求和store请求的设置

    总的来说,“ExtProject”是一个全面介绍Ext数据库操作和Ajax请求的实践项目,它将帮助初学者快速掌握Ext框架的核心功能,并了解前后端数据交互的基本流程。通过这个项目,你不仅可以学习到Ext的使用,还能进一步...

    ext与数据交互增删改查大全

    "extjs与数据库交互.txt" 文件可能详细阐述了EXTJS 中数据代理的设置、数据传输格式以及如何与MySQL 数据库进行交互的步骤和最佳实践。 9. **EXTJS 基础知识**: "extjs.txt" 文件可能涵盖了EXTJS 的基础概念,如...

    ext 树控件+数据库

    在IT领域,EXT是一个流行的JavaScript库,用于构建富客户端应用程序,尤其在Web应用开发中广泛应用。...通过这种方式,你可以构建一个动态、交互性强的EXT树控件,有效地展示和操作数据库中的层次结构数据。

    Ext Js与SSH框架与数据库交互

    由于下载限制不能上传超过20Mb的文件所以完整的项目就没在里面,自己整合SSH 框架的包,所有的源代码都在,用的是SqlServer数据库,用ExtJs 3.2 实现数据库显示,以及正删改等功能,两个表(1对多和多对1)!

    Ext界面的web版数据库管理工具

    Spring MVC模块使得构建RESTful Web服务变得简单,同时Spring Data JPA或MyBatis等持久层框架可以帮助与数据库进行交互。 4. **Web应用架构**:该数据库管理工具可能采用了经典的三层架构,即表示层(ExtJS UI)、...

    ext做的数据库管理系统

    总的来说,这个数据库管理系统利用EXT提供交互性丰富的前端,Spring作为后端服务,处理业务逻辑和数据库交互。用户无需安装任何额外软件,只要有数据库和浏览器,就能通过这个系统方便地管理和操作数据库。这样的...

    extjs和数据库的后台交互

    5. **CRUD操作**:创建(Create)、读取(Read)、更新(Update)、删除(Delete),这四个基本操作是数据库交互的核心。在ExtJS中,Store和Model结合可以方便地实现这些操作。例如,通过`store.load()`获取数据,`...

    Ext+struts学生管理系统

    "Ext与数据库交互"通常指的是ExtJS通过Struts与后台服务器进行数据交换,从而实现对数据库的读写操作。《深入浅出》中的最后一个例子,可能是指该系统是某教程或书籍中用来演示如何将Ext与Struts整合并实际应用的一...

    Ext4tree与后台交互

    在"Ext4 tree与后台交互"这个主题中,我们将深入探讨如何使用Ext4的TreePanel与后端进行数据交换,以及如何处理json数据。 首先,`TreeNode.java`可能是Java后端用于表示树节点的数据类。在Java中,树节点通常包含...

    EXT JS结合MVC操作数据库实例DirectCenter c#

    在"EXT JS结合MVC操作数据库实例DirectCenter c#"这个项目中,开发者使用EXT JS的MVC模式来构建用户界面,并利用DirectCenter与C#后端进行数据交互。C#通常与ASP.NET框架结合,提供服务端的处理逻辑和数据库操作。在...

    ext前后台交互实例

    "ext前后台交互实例"这一主题聚焦于如何通过JSON(JavaScript Object Notation)格式的数据进行前后端之间的通信,以实现数据的高效传输和处理。本文将深入探讨此主题,解析其中的关键概念和技术细节。 ### JSON在...

Global site tag (gtag.js) - Google Analytics