自定义数据模型
在上一节中,我们使用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('提示', '删除失败!');
}
});
网友评论