how to change panel's iconCls？

[James]

how to change panel's iconCls？


PS: another https://www.jeasyui.com/forum/index.php?topic=7518.0

[jarry]

Try this code to change the icon class on a panel.

Code:

$('#p').panel({
  iconCls: '...'
});

[James]

Try this code to change the icon class on a panel.

Code:

$('#p').panel({
  iconCls: '...'
});

I have tried this,  I have many "<a>" links click to refresh panel, it only work once, if you do it again : Uncaught TypeError: Cannot read property 'panel' of undefined

Code:

    $('.esys-sysmenu').find('a').click(function (e) {
        e.preventDefault();
//        $('#esys-item').panel({
//            title:$(this).text(),
//            iconCls:$(this).linkbutton('options').iconCls
//        });
// if use code up then Uncaught TypeError: Cannot read property 'panel' of undefined 
        $('#esys-item').panel('refresh', this.href);
        $('#esys-item').panel('setTitle',$(this).text());
        //$('#esys-item').panel('options').iconCls = $(this).linkbutton('options').iconCls;  //this not work
        return false;
    })

[jarry]

Please look at this example http://code.reloado.com/elinit3/edit#preview. It works fine.

[Coder]

Code:

var tabPanel;
var p = $('#tabsF').tabs('tabs');
if (p){
 $.each(p,function(eachIndex,tabItem){
  if(tabItem[0].id == hID){
   // tabPanel = tabItem;  // <-- with this didnt work too
   var index = $('#tabsF').tabs('getTabIndex', tabItem);
   tabPanel = $('#tabsF').tabs('getTab', index);
   return false;//leave each
  }
 });
}

tabPanel.panel({iconCls:'icon-ok'});

[jarry]

Please call the 'update' method to update a tab panel's header.

Code:

$('#tabsF').tabs('update',{
  tab: tabPanel,
  type:'header',
  options:{
    iconCls: 'icon-ok'
  }
})