`

extJs数据模型之Model

 
阅读更多

1 model的创建

 

//我们利用Ext.define来创建我们的模型类
//DB table person(name,age,email)
		Ext.define("person",{
			extend:"Ext.data.Model",
			fields:[
				{name:'name',type:'auto'},
				{name:'age',type:'int'},
				{name:'email',type:'auto'}
			]
		});
		
		//我们利用Ext.regModel来创建我们的模型类
		//mvc模式中model一定是m层
		Ext.regModel("user",{
			fields:[
				{name:'name',type:'auto'},
				{name:'age',type:'int'},
				{name:'email',type:'auto'}
			]
		});

 2 创建model的实例以及实例化对象的方法

		//实例化我们的person(一下是3种方法)
		//1 new关键字
		var p = new person({
		
			name:'baomengjie',
			age:23,
			email:'bmjlovejava@126.com'
		});
		//alert(p.get());
		
		//2 Ext.create (官方推荐)
		var p1 = Ext.create("person",{
		
			name:'baomengjie',
			age:23,
			email:'bmjlovejava@126.com'
		});
		//alert(p1.get('age'));
		
		//3 Ext.ModelMgr.create
		var p2 = Ext.ModelMgr.create({
			name:'baomengjie',
			age:23,
			email:'bmjlovejava@126.com'
		},"user");
		alert(p2.get('email'));

 

分享到:
评论

相关推荐

    extjs最简单的数据绑定和修改

    1. 数据模型(Model): 在ExtJS中,数据模型定义了数据对象的结构和属性。创建一个模型类,比如`Ext.define('User', {extend: 'Ext.data.Model', fields: ['name', 'email']})`,其中`fields`数组定义了模型的属性...

    SpringMVC+ExtJS完美集成(数据传输方式为JSON和model)

    在集成ExtJS时,模型(Model)是ExtJS数据管理的关键部分。它可以封装数据并提供验证、事件处理等功能。在与SpringMVC交互时,后端的Java对象可以映射到前端的ExtJS模型,这样可以简化数据的获取和更新。例如,我们...

    extjs4 对各类型store各种数据的读取 model 前台 等等

    根据提供的文件信息,本文将详细解析ExtJS 4中如何处理不同类型的Store及与之相关的数据操作、模型定义以及前端展示等内容。 ### ExtJS 4中的Store与数据管理 #### Store概念简介 在ExtJS 4中,Store是用于存储...

    ExtJS 使用grid显示数据

    1. **数据模型(Model)**:定义数据结构,例如`Ext.data.Model`,通过配置字段(fields)来指定每列的数据类型,如`{name: 'name', type: 'string'}`。 2. **数据存储(Store)**:管理数据集,它可以是本地数据或...

    ExtJs数据删除和清空封装

    首先,我们需要理解ExtJs的数据模型(Model)和数据存储(Store)。在ExtJs中,数据模型定义了数据结构,而数据存储则负责管理和操作数据集合。当我们处理数据时,通常会与这两个核心组件打交道。 ### 数据删除 在...

    Extjs之旅-combox之远程加载数据

    本篇我们将深入探讨“Extjs之旅”中的一个关键组件——Combox(组合框),特别是其远程加载数据的特性。 Combox在ExtJS中是一个非常灵活的控件,它可以看作是下拉列表和文本输入框的结合体,用户可以输入文本搜索,...

    extjs和数据库的后台交互

    ExtJS 是一个强大的...总之,ExtJS与后台数据库的交互涉及到前端的数据模型、数据存储、Ajax请求,以及服务器端的接口设计和数据库操作。理解并熟练掌握这些知识点,能帮助开发者构建出高效、健壮的Web应用程序。

    Extjs treeGrid 本地数据 例子

    总结起来,这个“Extjs treeGrid 本地数据 例子”主要展示了如何使用ExtJS创建一个基于本地数据的TreeGrid,包括设置数据源、定义数据模型、构建TreeGrid面板以及处理交互事件。通过学习这个例子,你可以掌握在Web...

    extjs后台交互完整示例

    首先,我们要理解ExtJS的数据模型和存储机制。它提供了Store对象,作为客户端数据的容器,可以与服务器端的数据源进行同步。Store可以连接到各种数据源,例如JSONP、Ajax或Direct等,这些都支持与后台进行异步通信。...

    自己写的ExtJS4.0用MVC的示例

    在ExtJS中,你可以定义一个数据模型来描述数据结构,包括字段、验证规则和关联。例如,你可能会有一个User模型,包含id、username和email字段。 2. **视图(View)**:视图是用户看到和交互的部分。在ExtJS中,视图...

    Extjs和后台数据库交互的程序,增删改查

    1. **ExtJS的数据模型(Model)** 在ExtJS中,数据模型定义了对象的结构,包括字段和验证规则。例如,你可以创建一个用户模型,包含用户名、密码等字段。模型与后台数据库中的表字段相对应,是前端与后端交互的基础...

    ExtJs开始之旅

    它提供了一套完整的组件模型,包括丰富的用户界面组件,以及一套强大的数据处理和远程通信机制。本讲将带你开启ExtJS的探索之旅,通过四个部分的学习,你将逐步掌握其核心概念和实践技巧。 首先,"初识ExtJS" 部分...

    介绍如何应用ExtJs进行前后台的数据交互

    首先,理解ExtJs的数据模型(Model)是关键。数据模型定义了数据对象的结构,包括字段(Fields)和验证规则。例如,你可以创建一个名为`User`的模型,包含`name`和`email`字段: ```javascript Ext.define('User', ...

    经验总结-Extjs(一)数据交互设计

    描述中提到的链接指向了一篇在iteye博客上的文章,虽然具体内容没有提供,但我们可以根据常见的ExtJS数据交互模式进行讨论。通常,ExtJS使用Store对象来管理数据,并通过Proxy组件与服务器进行通信。Proxy可以是Ajax...

    EXTJS4.0视频教程配套代码

    [03]EXTJS4.0数据模型-Model.001.zip (70.00M)[03]EXTJS4.0数据模型-Model.002.zip (57.37M) 第四讲:extjs4.0的数据代理-Proxy [04]EXTJS4.0的数据代理-Proxy.002.zip [04]EXTJS4.0的数据代理-Proxy.001.zip ...

    ExtJS4 2学习 21 动态菜单与表格数据展示操作总结篇

    - 数据绑定:使用`Ext.data.Model`定义数据模型,通过`bind`属性将模型与表格列关联,实现数据的自动同步。 - 表格编辑:通过`Ext.grid.plugin.CellEditing`插件启用单元格编辑,用户可以直接在表格中修改数据。 - ...

    extjs读取解析后端json格式数据显示条形图

    这里的`MyModel`是自定义的数据模型,它定义了数据字段和类型。例如: ```javascript Ext.define('MyModel', { extend: 'Ext.data.Model', fields: [ {name: 'category', type: 'string'}, {name: 'value', ...

    Extjs和数据库交互,增删改查

    一、ExtJS 数据模型(Model) 在ExtJS中,数据模型(Model)是表示应用程序中数据结构的类。它定义了字段(Fields),每个字段都有自己的类型,如字符串、数字或日期。模型还支持数据验证,确保输入的数据符合预设...

Global site tag (gtag.js) - Google Analytics