[ExtJS5學習筆記]第十三節 Extjs5的Ext.each方法學習

標籤：uri   java   img   alias   ons   nconf   ==   rac   south   

本文地址：http://blog.csdn.net/sushengmiyan/article/details/39009555

sencha官方API:http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext-method-each

本文sushengmiyan

------------------------------------------------------------------------------------------------------------------------------------

看一下官方的介紹：

Iterates an array or an iterable value and invoke the given callback function for each item.

遍曆全部能夠迴圈的數組或者可迭代變數，而且運行給定的回呼函數來處理每個成員。

有一個簡單的數組的範例例如以下：

var countries = ['Vietnam', 'Singapore', 'United States', 'Russia'];Ext.Array.each(countries, function(name, index, countriesItSelf) {    console.log(name);});var sum = function() {    var sum = 0;    Ext.Array.each(arguments, function(value) {        sum += value;    });    return sum;};sum(1, 2, 3); // returns 6

The iteration can be stopped by returning false in the function callback.//通過設定返回值false來結束迭代。

Ext.each is alias for Ext.Array.each//Ext.each方法是ext.Array.each的別名。

參數介紹：

iterable :就是你要進行迭代的object。假設不可迴圈，就僅僅運行一次了。

fn:回呼函數。當遍曆一次的時候就運行一次，函數包括三個參數

  item。就是每次遍曆的值

   index,當前值的序號index

   allItems:就是當前的數組對象本身。

返回值：

  當想結束的時候就返回false就能夠了。

執行個體示範：

1.使用cmd產生一個預設的程式

2.在\app\view\main目錄下的MainController.js中改動onClickButton方法。

例如以下：

onClickButton: function () {        //Ext.Msg.confirm('Confirm', 'Are you sure?', 'onConfirm', this);var StudentsJSON = {    student:[{      name: '張三',      studentid: 200801,      grade: 80    },{      name: '李四',      studentid: 200802,      grade: 90    },{      name: '王五',      studentid: 200803,      grade: 90    },{      name: '李二麻子',      studentid: 200804,      grade: 90    }]  };     Ext.each(StudentsJSON.student, function(student, index) {alert(student.name);        if (student.studentid == '200803') {alert('下一個是李二麻子。可是我不讓他顯示了');            return false; // 這裡設定出口       }});    }

顯示效果例如以下：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3VzaGVuZ21peWFu/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >

點擊button之後：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3VzaGVuZ21peWFu/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >

最後是：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3VzaGVuZ21peWFu/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" >

[ExtJS5學習筆記]第十三節 Extjs5的Ext.each方法學習