EXT.js学习(四)

自定义数据模型

在上一节中，我们使用Ext.define 来自定义类，通过Ext.define 定义的类都默认继承自Ext.base 类。如果我们将extend 设置为Ext.data.Model，那么定义的类就是一个数据模型类了。先定义一个简单的数据模型类 User类，代码如下：

Ext.define('MyApp.User', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'name', type: 'string' },
        { name: 'age', type: 'int' },
        { name: 'phone', type: 'string' }
    ]
});

在代码中可以看出，数据模型类其实就是一个继承自Ext.data.Model 的类。

fields 属性中定义了该模型的字段，它可以是对应到数据库中的字段。在使用的时候，数据模型包含的字段和类的属性使用方式不太相同。要访问字段的值，需要视同 get 和 set 方法，例如：

var Tom = Ext.create("MyApp.User", {
    name: 'Tom',
    age: 26,
    phone:'123456'
});
Tom.set('age', 20);
Ext.MessageBox.alert('提示', Tom.get('age'));

我们实例化User类，初始化的时候，age的值为26，然后通过set 方法设置为 20，再通过get 方法得到 age 字段的值，运行截图如下：

Ajax请求

Ext.Ajax.request({  
        method : 'GET',  
        url : './app/data.json',  
        params : {  
            'id' : 3 
        },
        success : function(response, config) {  
        
            Ext.Msg.alert('提示', response.responseText);  
            
        },  
        failure : function() {  
            Ext.Msg.alert('提示', '删除失败!');  
        }  
    });