`
endual
  • 浏览: 3559689 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ext store的举例应用

    博客分类:
  • ajax
 
阅读更多

Ext.onReady(function(){
  
//     var btn = new Ext.Button();
//     btn.setText("确定");
//     btn.type = "submit";
//     btn.setHandler(function(){
//     
//         Ext.Msg.alert("提示","按钮的测试,效果真是不错啊");
//        
//     });
//     
//     btn.render(Ext.getBody());
   
//    var btn = new Ext.Button({
//   
//        renderTo:Ext.getBody(),
//        text:"确定",
//        type:"submit",
//        handler:function(){
//            Ext.Msg.alert("提示","按钮测试的效果真是不错af啊 ");
//        }
//    });
   
//    var dp = new Ext.DatePicker({
//   
//        renderTo:Ext.getBody(),
//        minDate:Date.parseDate("2009-1-1","Y-m-d"),
//        maxDate:Date.parseDate("2013-1-1","Y-M-D"),
//        value:Date.parseDate("2009-12-12","Y-M-D"),
//        handler:function(){
//       
//            Ext.MessageBox.alert("提示",Ext.util.Format.date(this.getValue(),"Y-M-D"));
//        }
//    });

    var data = [[1,"长沙"],[2,"株洲"],[3,"湘潭"],[4,"昭阳"]];
    var proxy  = new Ext.data.MemoryProxy(data);
    var city =   new Ext.data.Record.create([
     
    {name:"cid",type:"int",mapping:0},
    {name:"cname",type:"string",mapping:1}
   
    ]);
   
    var reader = new Ext.data.ArrayReader({},city);
   
    var store = new Ext.data.Store({
   
        proxy:proxy,
        reader:reader,
        autoLoad:true
    });
   
   
    var combobox = new Ext.form.ComboBox({
   
        renderTo:Ext.getBody(),
        triggerAction:"all",
        store:store,
        displayField:"cname",
        valueField:"cid",
        mode:"local",
        emptyText:"请选择湖南城市"
    });

});

分享到:
评论

相关推荐

    Ext.Store的获取方法

    在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...

    ext中store的各个应用

    本文将深入探讨EXT中Store的应用及其重要性。 首先,Store是EXT JS中数据层的核心,它扮演着数据仓库的角色。它能够存储大量的数据对象,并提供了对这些数据进行操作的方法,如添加、删除、更新和检索。Store通过...

    Ext.data.Store的基本用法

    ### Ext.data.Store的基本用法详解 #### 一、Ext.data.Store简介 `Ext.data.Store`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作,并且提供了多种方法来方便地处理这些数据。...

    ext 基本知识-store-proxy-reader-ext-connection-实例

    总结起来,本篇内容涵盖了ExtJS中的核心数据组件,包括Ext.data.Connection的使用、Ext.data.Record的创建与操作、Ext.data.Store的配置以及数据交互的Proxy和Reader机制。这些知识是构建基于ExtJS的异步数据驱动...

    Ext中对于多种store数据分页实现示例

    在实际应用中,我们可能需要监听store的`load`事件,以便在分页时执行某些操作,如更新UI状态: ```javascript store.on('load', function(store, records, successful, operation, eOpts) { // 分页加载后执行...

    ext grid tree 应用

    在EXT JS框架中,"ext grid tree 应用"是一个常见的功能组合,它结合了Grid面板和Tree面板的优势,用于展示复杂的数据结构。Grid通常用于显示二维表格数据,而Tree则用于展示层次化的数据。在这个例子中,开发者通过...

    Ext数据模型Store

    理解EXT中的数据模型,特别是Store、Proxy和Reader的工作原理,对于开发复杂的EXT应用至关重要,因为这关系到数据的获取、管理和展示。通过灵活地配置和扩展这些组件,开发者可以有效地处理各种类型和来源的数据,...

    ext2.0官方文档(chm),Ext 2.0 简明教程,Ext2经典应用

    Ext 2.0是Sencha公司开发的一个JavaScript框架,用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括表格、树形视图、图表、菜单等,使得开发者能够创建功能强大、用户界面友好的Web应用。这个压缩包包含...

    Ext3.2的Ext.data.Store类和Ext.Ajax类的实际运用

    环境:Window XP Sp2、Tomcat 6.0、...关于Ext.data.Store类,我们可以看出:该框架提供了客户端缓存的功能--这对于我们框架系统是非常有帮助的。本示例代码注释非常详细。 阅读对象:需要使用Ext框架进行Web开发的人员

    Ext简介及应用案例 ppt

    Ext是一个强大的JavaScript库,特别设计用于构建富互联网应用程序(RIA)。它基于Ajax技术,提供丰富的用户界面组件和高度可定制的界面元素。Ext的核心特点包括遵循W3C标准,拥有庞大的组件模型,允许开发者创建复杂...

    EXT.NET网站应用程序开发教程英文版

    EXT.NET是一种基于.NET Framework的JavaScript库,用于构建高性能、交互式的网页应用。它结合了Ext JS的用户界面组件和.NET的服务器端功能,为开发者提供了一种高效且强大的开发工具。本教程“EXT.NET Web应用程序...

    Ext中CKEditor应用事例

    本篇文章将深入探讨如何在Ext(一个基于JavaScript的组件库)中集成并应用CKEditor。 CKEditor是一款JavaScript实现的WYSIWYG(所见即所得)编辑器,它提供了丰富的API和插件支持,使得开发者能够自定义编辑器的...

    Ext 4.0 OA应用

    Ext 4.0是Sencha公司推出的一个JavaScript框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的组件库,包括表格、树形视图、图表、菜单等,使得开发者能够创建功能强大、用户界面友好的Web应用。在"Ext 4.0 ...

    Ext.NET Web应用程序开发教程

    ### Ext.NET Web应用程序开发教程知识点概述 #### 一、Ext.NET简介 - **定义与特点**:Ext.NET是一个用于构建富互联网应用(RIA)的强大框架,它基于Microsoft .NET平台,利用了Ext JS JavaScript库的强大功能。Ext...

    EXT中文手册,EXT的详细应用

    EXT中文手册,如何使用EXT架构,清楚明白讲解,EXT的具体应用

    javascript的ext综合应用,Ext js 资源大全

    Ext JS 是一个强大的JavaScript库,专门用于构建富客户端应用程序。它提供了一套完整的组件模型,包括数据绑定,事件处理,布局管理,以及丰富的用户界面组件,使得开发者无需深入JavaScript底层细节,就能创建出...

    基于DWR与EXT的Ajax应用研究与实现.pdf

    基于DWR与EXT的Ajax应用研究与实现 Ajax技术是Web 2.0时代的核心技术之一,它使Web页面不需要刷新就可以动态更新,从而节省了网络带宽,减轻了服务器的负担,使用户得到更好的体验。但是,Ajax技术也存在一些问题,...

    ExtJs树形结构 ext的简单应用

    ExtJs是一款强大的JavaScript框架,主要用于构建富客户端的Web应用程序。在ExtJs中,树形结构(Tree)是一种数据展示方式,常用于呈现层次化的数据,比如文件系统、组织架构等。本文将深入探讨如何在ExtJs中应用树形...

    EXT-JS Grid 用法

    EXT Designer是Sencha公司提供的一个可视化设计工具,它可以帮助开发者更加直观地构建EXT-JS应用程序,包括Grid组件。 EXT-JS Grid的基本结构包含行、列和单元格,可以绑定到数据源,如JSON或XML文件,也可以通过...

    jsonext例子的应用

    JSONEXT例子的应用主要展示了在Java开发环境中如何利用各种技术栈处理JSON数据,这些技术包括但不限于JSON库、Spring框架、Hibernate持久层框架以及ExtJS前端框架。以下是对这些关键知识点的详细解释: 1. JSON...

Global site tag (gtag.js) - Google Analytics