如何在 ext js 中按字母顺序使用标题对所有 child 面板进行排序

Question

我在容器中有 child 面板列表，我正在使用 object.

动态添加

var childObjects = [
                      {
                        title: 'xyz',
                        tagName:'overview'
                      },
                       {
                        title: 'eabc',
                        tagName:'overview'
                      },
                        {
                        title: 'aedf',
                        tagName:'overview'
                      }
                   ];

以上 object 来自后端调用，使用此 object 我正在创建面板 objects 并将其添加到我的容器中，如下所示。

                var array = [];
               for(var i=0;i<childObject.length;i++){
                   array.push({
                                    xtype:'panel',
                                    title: childObject[i].title
                              });
               }
             Ext.suspendLayouts();
              container.add(array);
            Ext.resumeLayouts();

my childObjects 未按字母顺序来自后端调用。我想使用标题 属性 使所有 child 面板按字母顺序显示。请帮我。

Answer 1

只需对数组中的对象进行排序：

childObjects.sort(function(a, b) {
    a = a.title;
    b = b.title;

    if (a === b) {
        return 0;
    }
    return a < b ? -1 : 1;
});