如何一次顯示所有回調結果（格式化）

Question

我有一個回調，一旦數據准備好就發送數據（例如，在我單擊鼠標左鍵后，由5個名稱組成的數組）。 我想將所有發送的數據顯示到Ext.Panel中，但是它僅顯示在Ext.Panel中數組的最后一個對象中（例如，數組從1到5，而1到4則顯示得很快，並且在最后只剩下5個）。 此外，我想按行而不是像數組那樣顯示這些數據。 我該如何實現？

碼：

  trigger: function(e) {
    /* define some here */
    /*...*/
    $.ajax({
      /*...*/
      success: function(result){
        /*...*/
        var temp1 = 'name1';
        callback(temp1);
      }
    });
    $.ajax({
      /*...*/
      success: function(result){
        /*...*/
        var temp2 = 'name2';
        callback(temp2);
      }
    });
function callback(result){
    console.log('all results but they appear one by one here like: ' + result);

        var store = new Ext.Panel({
            html: result,
            border: false,
            bodyStyle: {
                'padding': '6px'
            },
            autoHeight: true
        });
};

Answer 1

既然您知道要執行許多ajax請求（5），建議您創建一個全局變量，該操作將記住所有回調的結果，並在它們全部加載后插入面板中：

var myData = [];    

function callback(result){
    myData.push(result);
    if (myData.length == 5) {
          var store = new Ext.Panel({
              html: myDataFormated , // Here add some style by transforming myData array
              border: false,
              bodyStyle: {
                 'padding': '6px'
              },
              autoHeight: true
          });   
    }
};