`

ext中store的各个应用

 
阅读更多

关于store方面的各种应用

一、使用dwr方式的应用:

1、

       var notarialtyperecord = new Ext.data.Record.create([
		{name:'id'},
		{name:'name'}
	])
	var notarialtypestore = new Ext.data.JsonStore({
		fields:notarialtyperecord
	})
        //dwr调用方法给store赋值
	notarialTypeService.findAll(function(data1){
		if(data1!=null)
		{
			notarialtypestore.loadData(data1);
		}
	})

 2、

var rykhrecord = new Ext.data.Record.create([{
    	name:'id'
    },{
    	name:'sqm'
    }])
var rykhstore = new Ext.data.Store({
		reader : new Ext.data.JsonReader({
			totalProperty : 'totalProperty',
			root : 'root'		
		}, rykhrecord),
		proxy : new Ext.ux.data.DWRProxy({
			dwrFunction : rykhService.getAllSerach1//dwr的方法
		})
	});
    
	rykhService.getAllSerach1(0, 20,null,null,null,function(data) {
		rykhstore.loadData(data);
	});

 或者这样调用:

stfbstore.load({
	params : params
});

 二、使用url调用(异步调用)

1、

 ds = new Ext.data.Store({
              // proxy: new Ext.data.MemoryProxy(jsondata),
              proxy : new Ext.data.HttpProxy({
                         url : '../user.do?action=list'
                      }),
              reader : new Ext.data.JsonReader({
                         totalProperty : 'totalProperty',
                         root : 'root'
                      }, [{
                                 name : 'id'
                            }, {
                                name : 'loginname'
                            }, {
                                 name : 'name'
                            }, {
                                 name : 'password'
                            }, {
                                 name : 'status'
                            }, {
                                 name : 'usergroups'
                            }])
           });
     ds.load({
              params : {
                   start : 0,
                   limit : 10
              }
           });

 grid的分页代码 :

bbar : new Ext.PagingToolbar({
					pageSize : page,
					store : OperateReocrdStore,
					displayInfo : true,
					displayMsg : '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
					emptyMsg : "没有记录",
					doLoad : function(start) {
                   		var params = {};
                   		first = start;
                   		params.start = start;
						params.limit = page;
						this.store.load({
									params : params
								});
					}
				}),

 java代码:

List<Map> list = this.getTransBuildingXDAO().getTransBuildingXBySearchWord2(hql, start, limit);
	    map.put("totalProperty", this.getTransBuildingXDAO().getRowCount(countsql));
		map.put("root", list);
		return map;

 在此方法中一定要引入dwrproxy.js文件

三、数组调用

var data = [['1','name1','descn1'],
	['2','name2','descn2'],
	['3','name3','descn3']];
var store = new Ext.data.Store({
	proxy: new Ext.data.MemoryProxy(data),
	reader : new Ext.data.ArrayReader({},[
	{name:'id'},
	{name:'name'},
	{name:'descn'},
	])
});
store.load();

 

分享到:
评论

相关推荐

    ext PPT,EXT 教程,EXT 中文帮助手册,EXT 中文手册,ext_教程(入门到精通),Ext技术程序文档大全.

    在提供的资源中,我们可以看到一系列关于EXT的学习资料,涵盖了从入门到精通的各个阶段: 1. **EXT 中文手册**:这是EXT的官方中文文档,包含了EXT框架的基本概念、API参考、示例代码以及最佳实践。通过阅读这本...

    Ext 中文帮助文档

    通过"Ext 中文帮助文档",开发者可以详细了解到上述各个知识点,并结合实际案例学习如何使用和配置这些组件和功能,提升Web应用的开发效率和用户体验。该文档作为Ext的中文参考,对于中文环境下的开发者来说,是一份...

    EXT3.0中文API文档

    EXT3.0中文API文档是针对EXT JavaScript库的版本3.0所编写的详细参考资料,主要面向前端开发者,特别是那些在Web应用中使用EXT3.0框架进行开发的专业人士。EXT是一个强大的用户界面库,提供了丰富的组件和功能,用于...

    Ext 2 中文API Documentation

    总的来说,"Ext 2 中文API Documentation"是一份详尽的开发指南,它帮助开发者深入理解EXT 2 的各个组件和功能,提升开发效率,同时也降低了学习曲线。通过仔细阅读和实践其中的内容,开发者可以构建出功能强大、...

    EXT中文手册.pdf

    目录部分,手册列出了EXT的主要章节,从入门到高级特性,涵盖了EXT的各个方面。首先,介绍如何下载EXT库并开始编写第一个EXT应用,这通常包括引入EXT库、创建基本的布局和组件。接着,详细阐述了Element,它是EXT中...

    Ext框架结构 Ext目录结构

    在Ext 2.2中,各个组件和类通常会形成一个复杂的继承链,使得代码可以重用并保持一致性。类说明图可以帮助开发者理解和跟踪这些关系,从而更有效地进行开发。 标签"Ext框架结构"和"Ext目录结构"分别对应了框架的...

    EXT2.0帮助文档CHM版

    在EXT2.0帮助文档中,你还会找到关于数据存储(Store)、数据代理(Proxy)、数据模型(Model)以及数据绑定(Data Binding)的详细信息。这些是EXT处理数据的核心机制,通过它们,EXT实现了与服务器的数据同步,...

    Ext JS 4 Architecture

    文档中提到的范例会展示如何使用Ext JS 4的不同特性,比如数据模型(Models)、视图(View)、控制器(Controller)等,以及如何将它们集成到一个可运行的应用程序中。 3. **Ext JS 4组件(Components)** Ext JS ...

    EXT2.0中文教程.7z

    EXT2.0中文教程.7z 是一个针对EXT框架的详细教学资源,旨在帮助学习者深入理解和掌握EXT框架的各个方面。EXT是一个强大的JavaScript库,它主要用于构建富客户端Web应用程序,提供丰富的用户界面组件和交互体验。EXT...

    Ext3.2开源框架

    此外,Ext的Store组件用于管理数据,它可以自动与远程服务器同步数据,减轻了开发者的工作负担。 Ext3.2的布局系统是其另一个亮点。框架内建了多种布局模式,如Fit布局(适应容器大小)、Border布局(多区域划分)...

    ext1.1 api(chm_en)

    首先,EXT1.1 API文档详细阐述了EXT库中的各个类和方法,涵盖了从基础组件到高级组件的完整体系。开发者可以通过查阅文档了解如何创建窗口(Windows)、面板(Panels)、表单(Forms)、表格(Grids)、树形结构...

    ext漂亮的桌面系统2.0

    在EXT桌面系统中,开发者可以利用EXT提供的各种组件,如表格、面板、窗口、菜单、按钮等,来构建类似传统桌面应用的用户界面。这些组件高度可定制,支持多种交互效果,使得Web应用拥有与桌面应用类似的用户体验。 ...

    Ext3.0中文API

    4. **数据绑定(Data Binding)**:Ext3.0支持数据驱动的编程模式,通过Store对象存储数据,并与Grid、Form等组件进行双向绑定,实现数据的实时更新。 5. **数据模型(Model)**:Ext3.0引入了数据模型的概念,定义...

    Ext JS 6 by Example翻译

    书中会分享最佳实践,如如何构建可扩展的应用架构,以及使用Ext.app.Application进行应用程序的初始化。 **9. 扩展和自定义** 学习如何创建自定义组件、扩展内置组件或创建新的布局,可以帮助开发者满足特定项目...

    Ext4.1.0 中文api V0.7 娃娃制作

    EXT4.1.0中文API V0.7是一款专为开发者设计的重要工具,它提供了对EXT框架的中文支持,使得中国的开发人员在使用EXT进行Web应用程序开发时能够更加方便地理解和应用EXT的功能。EXT是一个强大的JavaScript库,主要...

    ext document

    总的来说,EXT提供了一个完整的解决方案,从UI设计到数据管理,再到前后端通信,覆盖了Web应用开发的各个层面。通过深入学习EXT中文手册、EXTJS教程以及EXT2.0的中文资源,开发者能够充分利用EXT的优势,构建出高效...

    Ext+JS高级程序设计.rar

    6.3 Ext.Direct中的高级应用 178 6.3.1 批量请求和批量响应 178 6.3.2 在tree中使用Ext.Direct 181 6.3.3 为grid设置DirectStore 183 6.3.4 在form中使用Ext.Direct加载数据 185 6.3.5 在form中使用Ext.Direct提交...

    SpringMVC+Hibernate+EXT

    SpringMVC+Hibernate+EXT的整合是Web开发中的常见模式,用于构建高效、功能丰富的企业级应用。SpringMVC作为控制器,处理HTTP请求并调用业务逻辑;Hibernate作为数据访问层,负责与数据库的交互;EXTJS作为前端展示...

Global site tag (gtag.js) - Google Analytics