`
n15865386136
  • 浏览: 22611 次
社区版块
存档分类
最新评论

Extjs4 model的创建,实例化,自定义方法及取值

阅读更多
 Ext.onReady(function () {
    Ext.onReady(function () {
        //定义一个类MyInformation,继承自Ext.data.Model
        Ext.define('MyInformation', {
            extend: 'Ext.data.Model',
            //定义类拥有的字段
            fields: [
	            //字段名:name,类型:auto(默认)
	            {name: 'name' },
	            //字段名:age,类型:int
	            {name: 'age', type: 'int' },
	            //字段名:birthday,类型:date,指定日期格式为:'日/月/年'
	            {name: 'birthday', type: 'date' },
	            //字段名:isStudent,类型:boolean,指定字段默认值为false
	            {name: 'isStudent', type: 'boolean', defaultValue: false },
	            //字段名:weight,类型:float
	            {name: 'weight', type: 'float' },
	            //字段名:weightKG,类型:float,在在获取到数据的时候,会对数据进行转换,将weight字段的值除以2,赋值给当前字段
	            {name: 'weightKG', type: 'float', convert: function (value, record) {
	                return record.get('weight') * 0.5
	            }
        	}
            ],
        	//自定义方法,展示信息
	        getInformation: function () {
	            var info = "我的姓名:" + this.get('name') +
	    		";我的年龄:" + this.get("age") +
	    		";我的生日:" + this.get("birthday") +
	    		";是否是学生:" + this.get("isStudent") +
				";我的体重(斤):" + this.get("weight") +
	    		";我的体重(公斤):" + this.get("weightKG");
	            Ext.Msg.alert("我的信息", info);
	        }
	    });

    	//创建一条数据,数据结构为MyInformation
		var me = Ext.ModelMgr.create({
	        name: 'animal', //名称
	        age: '30', //年龄
	        birthday: '2012/4/4', //出生日期
	        weight: 150//体重
	    }, 'MyInformation'); //数据结构
	    
	    //执行自定义方法
	    me.getInformation();
	});
});
  • 大小: 6.5 KB
分享到:
评论

相关推荐

    ExtJs 开发指南书籍 实例 可视化工具

    本资源包包含ExtJs的开发指南书籍、实例以及可视化工具,帮助开发者更高效地学习和使用ExtJs。 1. **ExtJs 开发指南书籍**:书籍通常会详细介绍ExtJs的基础知识,包括类库结构、组件系统、数据绑定、事件处理、布局...

    Extjs4 MVC小实例

    在“Extjs4 MVC小实例”中,你可能能看到如何创建一个简单的MVC应用,包括模型的定义、视图的创建、控制器的编写,以及它们之间的互动。通过学习这个实例,你可以更好地掌握ExtJS 4中的MVC架构,为构建复杂、高效的...

    ExtJS4 MVC 混合实例

    在ExtJS4中,控制器通过Ext.app.Controller类创建,可以定义事件监听器和操作(Action),控制视图和模型的交互。 在提供的实例中,你可能会看到以下关键部分: - **app.js**:这是应用的主入口文件,通常包含了...

    extjs4 treeGrid实例

    在本实例中,我们关注的是如何利用ExtJS4实现一个TreeGrid来创建一个report报表。 首先,理解TreeGrid的基础概念。TreeGrid是树形结构和网格的结合,它将树节点的层次结构与表格的列布局结合在一起,每个树节点都...

    extjs4 导航菜单实例

    这篇博客文章“extjs4 导航菜单实例”将深入探讨如何在ExtJS 4中创建和使用导航菜单,这对于构建具有层次结构和动态功能的用户界面至关重要。 在ExtJS中,导航菜单通常通过`Ext.menu.Menu`类来实现,这是一个可弹出...

    ExtJs自定义消息框

    本文将详细介绍ExtJs中三种常用的消息框——提示框(Alert)、输入框(Prompt)和确认框(Confirm)的使用方法,并通过实例演示如何在实际项目中运用这些功能。 #### 二、提示框(Alert) 提示框主要用于向用户...

    extjs 弹窗的简单实例

    在“extjs 弹窗的简单实例”中,我们将探讨如何在ExtJS中创建和使用弹窗。 首先,理解ExtJS中的Window组件。Window是浮动的、可拖动的容器,通常用于显示临时信息或进行独立的操作。创建一个窗口,你需要定义一个...

    extjs4自定义深蓝色主题

    "extjs4自定义深蓝色主题"是针对ExtJS4框架的一个特定主题设计,旨在为应用程序提供一种专业且深沉的视觉体验。 这个主题继承自ExtJS4的经典(Classic)主题,这意味着它在保持原有组件结构的基础上,对颜色、字体...

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

    实例化Model是指创建一个具体的Model对象,通常是在获取到后端返回的数据后进行。例如: ```javascript var user = Ext.ModelMgr.create({ name: 'tom', age: 24, gender: '男', username: 'abc@example.com' }...

    EXTjs4 权威指南 实例源码

    EXTjs4权威指南,深入源码分析,实例代码讲解,工业出版社

    extjs4 loader 官方实例

    这个"extjs4 loader 官方实例"压缩包包含了一些官方提供的示例,帮助开发者理解如何有效地使用Loader功能。 在ExtJS 4中,Loader的主要职责是动态加载类和资源,这样可以实现模块化开发,减少初次页面加载时的数据...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ...可以看到,ExtJS4 使用 Ext.create 函数来创建组件类,这样可以更加方便地创建组件。 ExtJS3 升级到 ExtJS4 需要修改大量代码,需要我们重新学习和适应 ExtJS4 的新特性和变化。

    Extjs4 MVC 官方实例整合 未改动 未删减 部署即可运行

    1. 解压下载的`Extjs4MVC`压缩包。 2. 将解压后的目录结构复制到Tomcat的`webapps`目录下。 3. 启动Tomcat服务器,通过浏览器访问`http://localhost:8080/Extjs4MVC`(假设Tomcat默认端口为8080)。 4. 如果配置正确...

    EXTJS4开发的图片文章管理项目实例

    这个项目实例是一个基于EXTJS4的图片文章管理系统,它展示了如何利用EXTJS4的功能来实现一个完整的前后端交互的管理系统。后台技术栈选择了JAVA和MYSQL,提供了稳定的数据处理和存储能力。 首先,EXTJS4的核心特性...

    Extjs4 下拉树 TreeCombo

    ExtJS 4 下拉树(TreeCombo)是一种组合控件,它将传统的下拉框与树形结构结合在一起,提供了一种在有限空间内展示层级数据的高效方式。这种控件在很多场合都非常实用,例如在需要用户选择分类或者层级结构的场景中...

    自定义高级查询Extjs

    总的来说,"自定义高级查询Extjs"是关于如何使用Ext JS库创建一个用户友好的、高度可配置的查询界面,并与后端数据库进行交互,以满足用户的复杂数据查询需求。这涉及到了前端UI设计、JavaScript编程、数据库操作等...

    EXTJS4自学手册

    EXTJS4自学手册——EXT数据结构组件(创建一个Model) EXTJS4自学手册——EXT数据结构组件(Model数据验证,数据交互) EXTJS4自学手册——EXT数据结构组件 EXTJS4自学手册——EXT数据结构组件(proxy代理类之客户端...

    extjs动态生成model、store、panel

    extjs动态生成model、store、panel;sql拼接等多种技术难点

    extjs4学习文档

    EXTJS4中的核心概念包括`Ext.onReady`和`Ext.application`方法。`Ext.onReady`在DOM加载完成后自动调用,确保所有元素都可被脚本引用。例如,可以在这个方法内添加`alert('hello world!')`,在页面加载完毕后弹出...

    extjs4扁平化设计

    在本话题中,我们关注的是ExtJS 4中的扁平化设计,这是一项流行的设计趋势,旨在使用户界面更为简洁、直观和现代化。 扁平化设计的核心理念是去除冗余的装饰性元素,如阴影、渐变和纹理,以呈现出清晰、简洁的视觉...

Global site tag (gtag.js) - Google Analytics