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

Question

我在容器中有子面板列表，我使用对象动态添加。

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

上面的对象来自后端调用，使用这个对象我正在创建面板对象并将其添加到我的容器中，如下所示。

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

我的childObjects不是从后端调用按字母顺序排列的。我想使用title属性按字母顺序显示所有子面板。请帮我。

Answer 1

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

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

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