Как отсортировать все дочерние панели с использованием заголовка в алфавитном порядке в 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(); 

мой ребенокОбъекты не поступают в алфавитном порядке от бэкэнда. Я хочу, чтобы все дочерние панели отображались в алфавитном порядке с использованием свойства title. Пожалуйста, помогите мне.

Answer 1

Просто сортировать объекты в массиве:

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

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