deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-05-03 07:03:33 +02:00
Code Issues Releases Wiki Activity
Page: 1.10 Status bar
Pages
1.0 Configuration 1.01 Appearance 1.02 Main features 1.03 Grid layout 1.04 Paging 1.05 Drop down filter 1.06 Checklist filter 1.07 Rows counter 1.08 Loading indicator 1.09 Submit and reset button 1.10 Status bar 1.11 Data types 1.12 Themes 1.13 Help instructions 1.14 Popup filters 1.15 No results message 1.16 Highlight keywords 1.17 State 1.18 Mark active columns 1.19 Toolbar 1.20 Single filter 2.0 TableFilter class 2.1 Public properties 2.2 Public methods 3.0 Extensions 3.1 Advanced grid 3.1 Sort 3.2 Column operations 3.3 Filters visibility 3.4 Columns visibility 4. Filter operators Home Obsolete TODO
6 1.10 Status bar
koalyptus edited this page 2017-10-10 13:48:21 +11:00
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:
  • tf is the current TableFilter instance
  • msg: the message string
 
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:
  • tf is the current TableFilter instance
  • msg: the message string
 
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'
  } 
};

Website | Examples | Es6 documentation