ext1의 컨테이너에 동적 항목 추가

Question

컨테이너가 hbox 레이아웃입니다. 단추가있는 다른 컨테이너를 내부에 추가 할 때 문제는 내용이 두 번째 행으로 이동하지 않고 첫 번째 행에만 머물러 있다는 것입니다. 주 용기는 고정 폭을 가지며 창 안쪽에 있습니다. 이 작품을 어떻게 만들 수 있습니까? css에서 'break-word'가하는 것처럼 작동하고 싶습니다. 어떤 도움을 주셔서 감사합니다.

screenshoot : http://www.ohecollegeplanner.com/cp/img.png hbox에이 수평 컨테이너의 항목을 배포 ... 않습니다 정확히 무엇을 당신이 점점

getSelectedItemsCmp: function() { 
    var items = []; 

    var container = Ext.create("Ext.container.Container", { 
     layout: "hbox", 
     align: 'stretch', 
     id: "tagContainer", 
     height: 70, 
     //flex:2,![enter image description here][1] 
     overflowY: "auto", 
     width: "400px", 
     padding: 5 
    }); 

    for (var i = 0; i < this.selectedItems.length; i++) { 
     var tag = this.createSelectedItemsTag(this.selectedItems[i]); 
     container.add(tag); 

    } 

    //container.doLayout(); 

    return container; 
}, 
createSelectedItemsTag: function (obj) { 
    var tag = { 
     xtype: "container", 
     id: "tag_" + obj.value, 
     cls: "tagCompContainer", 
     layout: { 
      type: "hbox" 
     }, 
     items: [{ 
      xtype: "label", 
      text: obj.label, 
      cls: "labelSelectedComps" 
     }, { 
      xtype: "button", 
      text: "x", 
      id: "tagbutton_" + obj.value, 
      listeners: { 
       click: { 
        fn: this.onDeleteSelectedCmpClick, 
        scope: this 
       } 
      } 
     } 

     ] 
    }; 
    return tag; 
}, 

Answer 1

. 테이블 레이아웃을 사용해보십시오.