jEasyUI, Toolbar in tab

Question

I would like to add a toolbar to a tab, but I cannot find anything regarding that in the documentation. I understand a tab is basically a panel. Is it possible to access that and add the toolbar?

My goal is to have a toolbar in each tab with for example a submit button that submits a form in the tab.

I am using the following code to add the tabs:

 function addTab(title, url){
    if ($('#main-tabs').tabs('exists', title)){
        $('#main-tabs').tabs('select', title);
    } else {
        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
        $('#main-tabs').tabs('add',{
            title:title,
            content:content,
            closable:true
        });
    }
    }

Thanks in advance!

Michael

Never mind. The toolbar that tabs provides is actually good enough for me. I'll go with that one. — skorge, Jul 01 '14 at 08:09

score 0 · Accepted Answer · answered Jul 01 '14 at 08:11

jeasyui has a toolbar function within the tabs. It's good enough for my purpose so I'll go with that for now.

$('#tt').tabs({
tools:[{
    iconCls:'icon-add',
    handler:function(){
        alert('add')
    }
},{
    iconCls:'icon-save',
    handler:function(){
        alert('save')
    }
}]

});

jEasyUI, Toolbar in tab

1 Answers1