数据模型基本要讲三个大部分 model proxy store

1.普通Molde的创建
数据模型对真实世界中对事物在系统中的反应   extjs4.0中的mode相当于
DB中的table 或 JAVA 中的Class
2.利用Ext.regModel创建模型
3.创建model的实例
3中实例化对象的方法
4.Validations
5.自定一验证器
Ext.data.validations.lengthMessage=”错误的长度”;
//扩展也就是我们自定义验证机制的的一个新的验证方法

Ext.apply(Ext.data.validations,{
age:function(config,value){
var min = config.min;
var max = config.max;
if(min<=value value<=max){
return true;
}else{
this.ageMessage =
this.ageMessage+”它应该在”+mix+”到”+max+”范围内”;
return false;
}
},
ageMessage:’age数据出现了错误’
});
Ext.regModel(“person”,{
fields:[
{name:’name’,type=’auto’},
{name:’age’,type=’int’},
{name:’email’,type=’auto’}
],
validations:[
{type:’length’,field:’name’,min:2,max:6}
{type:’age’,field:’age’,min:0,max:150}
]
});
var p = Ext.create(“person”,{
name:”sjx”,
age:16,
email:”1038342063@qq.com”
});
var errors = p.validate();
var errorInfo = [];
errors.each(function(v){
  errorInfo.push(v.field+”
“+v.message);
});
alert(errorInfo.join(“n”));

6.简单数据代理,详细的代理proxy要再后面课程讲
proxy 他就是来完成我们数据的CRUD,操作数据。
会发送一个请求过去,然后查出来的数据呢就放在model里面。
(function(){
Ext.onReady(function(){
Ext.regModel(“person”,{
fields:[
{name:’name’,type:’auto’},
{name:’age’,type:’int’},
{name:’email’,type:’auto’}
],
//代理—去请求数据,返回数据填充在model里
proxy:{
type:’ajax’,
url:’person.jsp’
}
});
//未填充数据的Model
var p = Ext.ModelManager.getModel(“person”);
//去加载,填充数据
p.load(2, {
     
 scope: this,
     
 failure: function(record, operation) {
     
 },
     
 success: function(record, operation) {
//成功之后返回的数据
     
  alert(record.data.name);
     
 },
     
 callback: function(record, operation) {
     
 }
    });
})
})();
7.Molde的一对多和多对一
 在这我们先简单了解,在讲完Ajax之后我们在深入学习
teacher 1=>n student

Ext.onReady(function(){
//类老师
Ext.regModel(“teacher”,{
fideld:[
{name:’teacherId’,type:”int”},
{name:’name’,type:”auto”}
],
hasMany:{
model: ‘student’,
    name :
‘getStudent’,
     
  filterProperty: ‘teacher_Id’
}
});
//学生
Ext.regModel(“student”,{
fideld:[
{name:’studentId’,type:”int”},
{name:’name’,type:”auto”},
{name:”teacher_Id”,type:’int’}
]
});
//t.students 得到子类的一个store数据集合
});

文章目录

Sides

IT技术分享博客