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
          });   
    }
};

如何一次显示所有回调结果（格式化）

1 个答案: