ExtJS教程（4）---Ext.data.Model之基础应用

Model的教程分为基础应用和高级应用，如果在之后的文章中出现xxx基础应用则必有对应的高级应用

Ext中是这样定义Model的

A Model or Entity represents some object that your application manages. For example, one might define a Model for Users, Products, Cars, or other real-world object that we want to model in the system. Models are used by stores, which are in turn used by many of the data-bound components in Ext.

在各位英语大牛面前小弟就不做翻译了，其实说白了Ext中的Model相当于Java中的bean

Ext.onReady(function(){  
    //定义一个Model  
    Ext.define('Person',{  
        extend:'Ext.data.Model',  
        fields:[  
            {name:'name',type:'string'},  
            {name:'age',type:'int'}  
        ]  
    });  
      
    //经过上面的定义之后，就存在了一个Person类  
    console.log(Person);  
      
});  

控制台打出了以下内容

function e(){return this.constructor.apply(this,arguments)||null} 

通过观察可以发现，其实就是定义了一个function，但是在js中的类的定义就是通过function来实现的，这个会补充在第二章中和第三章中

	//创建一个Person对象--使用new关键字
	var new_person = new Person({
		name:'jaune',
		age:24
	});
	
	//创建一个Person对象--使用Ext.create,这个也是Ext官方推荐的方法
	var create_person = Ext.create('Person',{
		name:'jaune',
		age:24
	});
	
	console.log(new_person);
	console.log(create_person);

观察控制台

可以发现两个对象几乎一模一样。这里之所以id不一样是因为我们在Model中没有指定id字段，在Ext的Model中如果不指定id字段，Ext将自动添加id字段同时自动生成id的值。

打开Ext的文档找到Ext.data.Model中的config，我们发现有一个idProperty字段，官方文档中的解释如下

idProperty :  String

The name of the field treated as this Model's unique id.

If defining an abstract base Model class, the idProperty may be configured as null which will mean that no identifying field will be generated. Concrete derived classes must eventually provide a value for this property.

The data values for this field must be unique or there will be id value collisions in the Store.

Defaults to: 'id'

那这里我们对Model做一些改造，为Model添加主键，代码如下

	//定义一个Model
	Ext.define('Person',{
		extend:'Ext.data.Model',
		idProperty:'personId',
		fields:[
			{name:'personId',type:'string'},
			{name:'name',type:'string'},
			{name:'age',type:'int'}
		]
	});
	
	//经过上面的定义之后，就存在了一个Person类
	console.log(Person);
	
	//创建一个Person对象--使用new关键字
	var new_person = new Person({
		personId:'1',
		name:'jaune',
		age:24
	});
	
	//创建一个Person对象--使用Ext.create,这个也是Ext官方推荐的方法
	var create_person = Ext.create('Person',{
		personId:'1',
		name:'jaune',
		age:24
	});
	
	console.log(new_person);
	console.log(create_person);

这里为了区分idProperty的默认值‘id’，所以定义了一个不一样的名称，这次从控制台可以看出两个Model打出来的内容一模一样