extjs 学习自我理解

一、js类的声明其实就是一个function

function user(){

}

二、在Ext中创建模型类的方法:( 两种)

(1) Ext.define('person'{

extend:'Ext.data.Model'

fields:[

{name:'name',type:'auto'},

{name:'age',type:'auto'},

]

});

(2) Ext.regModel('person',{

fields:[

{name:'name',type:'auto'},

{name:'age',type:'auto'},

]

});

实例化我们的person类(三种实例化方法)

(1)var p=new person({ alert(p.get('name')) //

name:'dxj',

age:20

});

(2)var p= Ext.create('person',{ alert(p.get('name'));

name:'dxj',

age:20

});

(3) var p=Ext.ModelMgr.create({

name:'dxj', alert(p.get('name'));

age:20

},'person'); alert(person.getName());

三、数据验证

Ext.data.validations.lengthMessage='错误的长度';

(1) Ext.define('person'{

extend:'Ext.data.Model'

fields:[

{name:'name',type:'auto'},

{name:'age',type:'auto'},

]，

validations:[

{type:"length",field:"name",min:2,max:6}

]

});

var p= Ext.create('person',{ alert(p.get('name'));

name:'dxj',

age:20

});

var errors=p.validate();

errors.each(function(v){

alert(v.field+"--"+v.message);

})

Ext.apply(Ext.data.validations,{

ageMessage:'数据出现了错误',

age:function(config,value){

var min=config.min;

var max=config.max;

if(value> min && value<max){

return true;

}

})

三、数据代理 proxy

Ext.define('person'{

extend:'Ext.data.Model'

fields:[

{name:'name',type:'auto'},

{name:'age',type:'auto'},

proxy:{

type:'ajax',

url :'person.jsp',

}

});

var p=Ext.ModelMgr.getModel("person");

p.load(10,{

failure:function(record,operation){

}

});

四、一对多多对一

teacher !=> student

Ext.regModel("teacher",{

fields:[

{name:'teacherId',type:'int'},

{name:'name',type:'int'}

hasMany:{

model:'student',

name:'getStudent'，

filterProperty:"teacher_Id"

}

});

Ext.regModel("student",{

fields:[

{name:'studentId',type:'int'},

{name:'name',type:'int'},

{name:'teacher_Id',type:'int'},

]

});

五：proxy ：增删改查

var date=[

{name:'dxj',age:20}

];

var memoryProxy=Ext.create("Ext.data.proxy.Memory",{

date:data,

model:'person'

});

memoryProxy.read(new Ext.data.Operation(),function(result){ //查

var datas=result.resultSet.records;

Ext.Array.each(datas,function(model){

alert(model.get('name'));

});

userData.push({name:'newdxj'});

memoryProxy.update(new Ext.data.Operation({

action:'update',

data:userdata

}),function(result){ //查

var datas=result.resultSet.records;

Ext.Array.each(datas,function(model){

alert(model.get('name'));

});

六、布局

1、card布局

extjs 学习自我理解相关推荐

关于渗透的一些思路持续更新（自我理解）
关于渗透的一些思路持续更新(自我理解) 先回忆一下准确的是17年才接触到渗透以及ddos 其他hei产东西就不介绍了接触的自我感觉有点迟从最开始我也是从阿D明小子那些很傻瓜化的软件走过来的但是 ...
extjs学习—-官方模版注释2
简介:这是extjs学习--官方模版注释2的详细页面,介绍了和javascript,有关的知识.技巧.经验,和一些javascript源码等.这次是一些弹出框.自己将官方的看了几遍,重写了下.其实也差 ...
如何优雅地从四个方面加深对深度学习的理解
在今年的 ICML 上,深度学习理论成为最大的主题之一.会议第一天,Sanjeev Arora 就展开了关于深度学习理论理解的教程,并从四个方面分析了关于该领域的研究:非凸优化.超参数和泛化.深度的意 ...
计算机专业学自我分析,计算机专业学习自我鉴定（精选6篇）
计算机专业学习自我鉴定(精选6篇) 自我鉴定是对自己的政治思想.工作业务.学习生活等方面情况进行评价与描述,自我鉴定就可以促使我们思考,因此我们是时候回头做好总结.那么你真的懂得怎么写自我鉴定吗?以下 ...
我的python之路一初识python的自我理解
初识python的自我理解关于python的自我简记我认识的python 怎么开始python的学习和使用我尝试过的几个python学习的常用组合关于python的自我简记初识python是 ...
关于OpenGL ES 3D 光晕如何产生的自我理解
2019独角兽企业重金招聘Python工程师标准>>> 星空图的自我理解:可以看作一个透明的半径很大的天球,然后在其表面上绘制大小不一的点,这样便可以够成星空图. 如何产生光晕的自我 ...
《C++应用程序性能优化::第五章动态内存管理》学习和理解
<C++应用程序性能优化::第五章动态内存管理>学习和理解说明:<C++应用程序性能优化> 作者:冯宏华等 2007年版. 2010.8.29 cs_wuyg@126.com ...
【赠书】新手速递！深度学习视频理解！
‍‍ 视频理解是当前计算机视觉研究领域中备受学术界和工业界关注的方向,随着视频行业的高速发展,如何利用 AI 技术更好地对视频内容进行理解变得越来越重要.今天要给大家介绍的书是<深度学习视频理解 ...
9月21日云栖精选夜读 | 如何优雅地从四个方面加深对深度学习的理解
在今年的 ICML 上,深度学习理论成为最大的主题之一.会议第一天,Sanjeev Arora 就展开了关于深度学习理论理解的教程,并从四个方面分析了关于该领域的研究:非凸优化.超参数和泛化.深度的意 ...
ExtJS学习：MVC模式案例（三）
在ExtJS案例系列教程的前两讲,我们了解了该案例的最终实现效果,并且在ExtJS学习:MVC模式案例(二)中我们添加Viewport.js和demoController.js两个文件,实现了对整个网 ...

extjs 学习自我理解

extjs 学习自我理解相关推荐

最新文章

热门文章