-
Notifications
You must be signed in to change notification settings - Fork 94
1.10 Status bar
koalyptus edited this page Oct 10, 2017
·
6 revisions
Property | Type | Description | Remarks | Example |
---|---|---|---|---|
status_bar | boolean|object | if set true, it will display a "status" message detailing filtering operations (default - false) |
|
var tfConfig = { status_bar: true }; // or var tfConfig = { status_bar: {} }; |
target_id | string | defines the id of the element that will contain the status bar |
var tfConfig = { status_bar: { target_id: 'myContainerId' } }; |
|
text | string | sets the text of the label preceding the "status" message (default + "") |
var tfConfig = { status_bar: { text: 'Status: ' } }; |
|
css_class | string | defines the css class of the status' container element (default + 'status') |
var tfConfig = { status_bar: { css_class: 'myClass' } }; |
|
toolbar_position | string | defines where it will be placed inside the toolbar (default - 'left') | 3 possible values: 'left', 'center' and 'right' |
var tfConfig = { rows_counter: { toolbar_position: 'center' } }; |
msg_filter | string | text to display during filtering operation (default - 'Filtering data...') | var tfConfig = { msg_filter: 'Processing...' } |
|
msg_populate | string | text to display when drop-downs are populated (default - 'Populating filters...') | var tfConfig = { msg_populate: 'Loading column(s) values'
} |
|
msg_change_page | string | text to display when pagination page is changed (default - 'Collecting paging data...') | var tfConfig = { msg_change_page: 'Loading page...' } |
|
msg_clear | string | text to display when filters are cleared (default - 'Clearing filters...') | var tfConfig = { msg_clear: 'Clearing grid...' } |
|
msg_change_results | string | text to display when the number of results per page is changed (default - 'Changing results per page...') | var tfConfig = { msg_change_results: 'Calculating results
per page...' } |
|
msg_load_extensions | string | text to display when the extensions are loaded (default - 'Loading extensions...') | var tfConfig = { msg_load_extensions: 'Importing extensions...' } |
|
msg_load_themes | string | text to display when themes are loaded (default - 'Loading theme(s)...') | var tfConfig = { msg_load_themes: 'Importing styles...' } |
|
on_before_show_msg | function | callback fired before a status message appears | note that 2 parameters are passed to the callback function:
|
var tfConfig = { status_bar: { on_before_show_msg: function(tf, msg){ alert(msg); } } }; |
on_after_show_msg | function | callback fired after a status message appears |
note that one parameter is passed to the callback function:
|
var tfConfig = { status_bar: { on_after_show_msg: function(tf, msg){ alert(msg); } } }; |
toolbar_position | string | defines where it will be placed inside the toolbar (default - 'left') | 3 possible values: 'left', 'center' and 'right' |
var tfConfig = { rows_counter: { toolbar_position: 'center' } }; |