Tabs Loading-Message

[Max Lamda]

How to I change the message which is displayed when the tabs add-function is called with an URL?

         $('#maintabs').tabs('add',{
            id: 'rectab-' + uni,
            border:false,
            title: 'rectab-' + uni,
            href: url,
            loadMsg: 'Daten werden vom Server geladen.',
            closable:true
         });

does not display the message.

[jarry]

Please use the 'loadingMessage' property to display the loading message.

[arma]

Hi Jarry,

Rather than displaying loadingMessage text, can i simply use one large animated icon only in the of tab content centered vertically and horizontally ?

Thanks.

[jarry]

You can call 'showMask' method to display a centered message before loading the panel content, and then call 'hideMask' method to hide it after loaded the panel content successfully. These two methods are extended from http://www.jeasyui.com/forum/index.php?topic=3641.0

Code:

$('#tt').tabs('add',{
    id: 'rectab-',
    border:false,
    title: 'rectab-',
    href: url,
    loadingMessage: '',
    closable:true,
    onBeforeLoad: function(){
        $(this).panel('showMask','<div class="panel-loading">Daten werden vom Server geladen.</div>')
    },
    onLoad: function(){
        $(this).panel('hideMask')
    }
});