Check documentation for the latest version of dhtmlxSuite attachStatusBar DHTMLX Docs

attachStatusBar

attaches a status bar to a cell

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
    paging: true    // (optional) true to use for grid paging
}
 
/* init/attach status bar */
 
// default behavior
var sbObj = dhxComponent.cells(id).attachStatusBar();
 
// with text
var sbObj = dhxComponent.cells(id).attachStatusBar({text: "Loading..."});
 
// with text and custom height
var sbObj = dhxComponent.cells(id).attachStatusBar({text: "Loading...", height: 30});
 
/* operations with status bar object */
 
// set text
sbObj.setText("Page was successfully 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
dhxComponent.cells(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