extJs学习基础4 Ext.each的用法

 1 Ext.onReady(function(){
 2             //案例一
 3             /*
 4             var countries = [‘Vietnam‘, ‘Singapore‘, ‘United States‘, ‘Russia‘];
 5             Ext.Array.each(countries, function(name, index, countriesItSelf){
 6                 console.log(name);
 7                 if(name == ‘Vietnam‘){
 8                     return false;  //停止循环
 9                 }
10             });
11             */
12             //案例二
13             var StudentsJSON = {
14                 student:[{
15                     name: ‘张三‘,
16                     studentid: 200801,
17                     grade: 80
18                 },{
19                     name: ‘李四‘,
20                     studentid: 200802,
21                     grade: 90
22                 },{
23                     name: ‘王五‘,
24                     studentid: 200803,
25                     grade: 90
26                 },{
27                     name: ‘李二麻子‘,
28                     studentid: 200804,
29                     grade: 90
30                 }]
31             };
32
33             Ext.each(StudentsJSON.student, function(student, index, self){
34                 console.log(student.name);
35                 if(student.studentid == ‘200802‘){
36                     return false;
37                 }
38             });
39
40         });
41     </script>
时间: 2024-10-02 00:41:46

extJs学习基础4 Ext.each的用法的相关文章

ExtJS学习------------基础架构,Extjs.js和Ext-more.js的学习

Ext.apply和Ext.applyIf Ext.onReady(function(){ //Ext.apply和Ext.applyIf对对象的属性或者方法进行扩展 var src1={name:'张三',age:23};//被扩展的对象 var src2={name:'张三',age:23};//被扩展的对象 var config={name:'李四',sex:'男'};//配置对象 //使用Ext.apply进行扩展,会覆盖原来的属性或方法 Ext.apply(src1,config);

【ExtJs学习笔记】Ext.ComponentLoader

最近自己在搭建一个ExtJs的前端框架,遇到第一个最棘手的问题就是loader了. 注意,这里是ComponentLoader,作用是远程请求一个页面.而不是Ext.Loader,这个是用于动态加载依赖的. 在解决问题期间,百度.google了很多关于loader的信息感觉都不是特别有用,这里我把遇到的问题记录下来供大家参考 首先我选用的Ext5.0.0的版本,应该算是比较新的版本了 1.关于普通的ComponentLoader不执行script的问题 var panel = Ext.creat

extJs学习基础5 理解mvvm的一个小案例

今天很是幸运,看到了一位大神的博客,学习了不少的东西.太感谢了.(满满的都是爱啊) 建议去学习这个大神的博客,真心不错. 博客地址:http://blog.csdn.net/column/details/extjs5.html?&page=1 首先要建立一个简单的项目,我是使用的 Sencha Architect 3自动生成的 app下面的文件 在视图文件中建立 MyViwepost.js (view文件中) 1 Ext.define('MyApp.view.MyViewport', { 2 e

extJs学习基础3 ajax与php交互

extJs代码: 1 <script src="build/ext-all.js"></script> 2 <script src="build/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script> 3 <link rel="stylesheet" href="build/packages/ext-theme-cri

extJs学习基础2

一个登陆界面: 1 Ext.onReady(function(){ 2 3 Ext.define('Login', { 4 //renderTo: Ext.getBody(), 5 extend: 'Ext.window.Window', 6 closable: false, 7 resizable : false, 8 modal: true, 9 //draggable: false, 10 autoShow: true, 11 title: '用户登录---OA办公系统', 12 item

extJs学习基础 容器的介绍

Viewport: 一个专门的容器用于可视应用领域(浏览器窗口). Viewport渲染自身到网页的documet body区域, 并自动将自己调整到适合浏览器窗口的大小,在窗口大小发生改变时自动适应大小. 一个页面中只能创建一个Viewport. 任何的Container容器都可以作为一个Viewport 的子组件,开发者使用一个Viewport作为父容器配置布局layout, 并管理他们的大小和位置. Container: 任何可能包含其它Ext.Component组件的基类,默认是没有大小

【Ext.Net学习笔记】02:Ext.Net用法概览、Ext.Net MessageBus用法、Ext.Net布局

Ext.Net用法概览 Ext.Net还是很强大,如果运用熟练可以极大的提高编程效率.如果你也要学习Ext.Net,原文博主推荐书籍:<Ext.Net Web 应用程序开发教程>,是英文的,有基础的可以看下,可以百度到PDF文档的. Ext.Net与ExtJS代码比较 上一篇中我们创建了一个使用Ext.Net创建了一个window窗口,代码非常简单: <ext:Window runat="server" ID="win" Title="示

【Ext.Net学习笔记】04:Ext.Net中使用数据、Ext.Net Store的用法、Ext.Net ComboBox用法

之前的几篇文章都是介绍Ext.Net较为基础的东西,今天的这一篇将介绍数据的一些用法,包括XTemplate绑定数据.Store(Modal.Proxy).ComboBox的用法等. XTemplate绑定数据 XTemplate是个模板,当我们为一个XTemplate绑定数据之后,将会按照模板的预定格式进行显示. <ext:Window runat="server" ID="win1" Title="XTemplates用法" Width

Ext学习-基础概念,核心思想介绍

1.目标   本阶段的目标是通过学习一些基础知识来对EXTJS有个整体的了解,知道EXTJS的基础语法,核心设计思想等等 2.内容   1.基础部分学习   2.EXTJS类系统介绍   3.EXTJSMVC结构介绍   4.EXTJS数据模型介绍 3.学习流程           1.在学习之前,首先要对javaScript的基础要有个基础了解,如果不熟悉,请参考:javaScript基础之闭包   2[可选]学习了解一下EXTJS的一些常用功能:http://ziren.org/extjs/