Check documentation for the latest version of dhtmlxSuite attachStatusBar DHTMLX Docs

attachStatusBar

attaches a status bar to a tab

obj attachStatusBar( [object conf] );
confobjectoptional, status bar init params
objstatus bar object

Example

/* conf param properties */
{
    text:   "Text", // status bar init text
    height: 20      // status bar init height
}
 
/* init/attach status bar */
 
// default behaviour
var sbObj = myTabbar.tabs(id).attachStatusBar();
 
// with text
var sbObj = myTabbar.tabs(id).attachStatusBar({text: "Loading..."});
 
// with text and custom height
var sbObj = myTabbar.tabs(id).attachStatusBar({text: "Loading...", height: 30});
 
/* operations with status bar object */
 
// set text
sbObj.setText("Page was successfuly loaded");
 
// get text
var text = sbObj.getText();

Details

Since version 4.1 toolbar can be attached into statusbar in order to be used for paging in grid:

// first attach status bar
myTabbar.tabs(id).attachStatusBar({
    text:   "<div id='pagingArea'></div>",
    paging: true
});
 
// then init paging in grid
myGrid.enablePaging(true, 9, 3, "pagingArea");
myGrid.setPagingSkin("toolbar");
Change log
  • conf param was added in version 4.0
  • paging:true added in 4.1
Back to top