2016-04-03 12 views
0

w2ui araç çubuğu menü öğesini dinamik olarak javascript kullanarak doldurmak istiyorum. Kullanmayı denedim: document.getElementById ama açılan menü için bir kimlik olmadığı için işe yaramadı. w2ui araç çubuğu - dinamik olarak menü öğelerini doldurmanın bir yolu var

bölüm süreçlerinde

ben, o zaman değiştirmeniz gerekiyor araç çubuğu menü ( http://w2ui.com/web/docs/w2toolbar.get bakınız) get() gerek dinamik

ToolBarView.prototype.buildView = function(processController) { 

    $('#MDItoolbar').w2toolbar({ 
     name: 'toolbar', 
     items: [ 
      { type: 'button', id: 'saveProcess' , name: 'saveProcess', caption: 'save Process', icon: 'fa-check', checked: true }, 
      { type: 'break', id: 'break0' }, 
      { type: 'button', id: 'NewProcess' , name: 'NewProcess', caption: 'New Process', icon: 'fa-check', checked: true }, 
      { type: 'break', id: 'break1' , name: 'break1' }, 
      { type: 'menu', id: 'processes', caption: 'Drop Down', img: 'icon-folder', 
       name:'processes', 
       items: [ 
        { text: 'Item 1', img: 'icon-page' }, 
        { text: 'Item 2', img: 'icon-page' }, 
        { text: 'Item 3', img: 'icon-page' } 
       ] 
      }, 
      { type: 'break', id: 'break3' ,name:'break3'}, 
      { type: 'spacer',name:'spacer' } 
     ] 
    }); 

    w2ui.toolbar.on('*', function (event) { 
     console.log('EVENT: '+ event.type + ' TARGET: '+ event.target, event); 
     if (event.target =='saveProcess') 
     { 
      var saveProcess = new SaveProcessView("save the process",processController); 
     } 

     if (event.target =='NewProcess') 
     { 
      processController.NewProcess(); 
     } 
    }); 
}; 

cevap

0

İlk doldurmaya çalışıyorum biridir/içinde items dizi genişletmek araç çubuğu menüsü:

w2ui.toolbar.get('processes').items = [ 
    { text: 'New Item 1', img: 'icon-page' }, 
    { text: 'New Item 2', img: 'icon-page' } 
]; 

şiddetle öğeleri bir id de (http://w2ui.com/web/docs/w2toolbar.items bakınız) vermek önerilir.

İlgili konular