Extjs : 순환 단추에 항목을 동적으로 추가하십시오.

Question

extjs를 사용하여 순환 단추를 만듭니다. 세대의 시간에 나는 이것에 대한 코드를 생성 한 후

Ext.create('Ext.button.Cycle', { id: 'trneMapCycleBtn', showText: true, flex: 2, tooltip: "Click here to change boundary", prependText: '', menu: { id: 'view-type-menu', items: [{ text: 'Districts', checked: true, tootip: "Delhi Districts boundary", type: "getDistricts" }, { text: 'State', tootip: "Delhi State boundary", type: "getStates" },{ text: 'Circles', tootip: "Delhi Circles boundary", type: "getCircles" }] },

다음,이 사이클 버튼에 세 개의 메뉴 항목입니다 추가하고, 나중에 해당 ID를 사용하여이 사이클 버튼에 접근하고를 추가하는 것을 시도하고있다 이에 메뉴 항목,

function createItemForGeoJason(){
var menuItem = new Ext.menu.CheckItem({ text : geoJsonLayerName, id: 'geoJsonItem', handler: function(menuItem){ var layer = map.getLayersByName(myTrendMapSelectedLayer); layer[0].setVisibility(false); var layer1 = map.getLayersByName(geoJsonLayerName); layer1[0].setVisibility(true); } });
Ext.getCmp('view-type-menu').add(menuItem); }

Answer 1

Button 클래스 기능을 추가 할 필요가 없기 때문에 당신은 메뉴 항목을 추가 덮어 쓰기해야합니다. 이 시도 :이 같은

Ext.getCmp('view-type-menu').menu.add(menuItem); 

Answer 2

사용 :

testButton.menu.add({ 
    xtype: "menucheckitem", 
    text: "some text", 
    group: testButton.id,     // important! 
    checkHandler: testButton.checkHandler, // important! 
    scope: xBtnChartCase     // important! 
}); 

대신 :

testButton.menu.add(new Ext.menu.CheckItem({...})); 

을