deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-05-03 15:13:15 +02:00
Code Issues Releases Wiki Activity
Page: 1.15 No results message
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
7 1.15 No results message
koalyptus edited this page 2016-03-28 19:24:35 +11:00

Message displayed when a search yields no results.

Property Type Description Remarks Example
no_results_message boolean or literal object enables / disables the message appearing when a search has no matches (default - false) You can use this option as a literal object too 
var tfConfig = { no_results_message: true };
// or
var tfConfig = { 
  no_results_message: {
    content: 'Data not found'
  } 
};
content string Specify the text for the no results message (default - 'No results') It also accepts markup 
var tfConfig = { 
  no_results_message: {
    content: '<h3>No results found</h3>'
  } 
};
custom_container DOMElement Specify the external DOM element that will contain the no results message (default - null) 
var tfConfig = { 
  no_results_message: {
    content: document.querySelector('.my-class')
  } 
};
custom_container_id string Specify the ID of the element that will contain the no results message (default - null) 
var tfConfig = { 
  no_results_message: {
    content: 'container'
  } 
};
css_class string Define the css class for the element that will contain the no results message (default - 'no-results') It also applies to an external custom element 
var tfConfig = { 
  no_results_message: {
    css_class: 'my-class'
  } 
};
on_before_show_msg function Callback invoked just before a no results message is displayed (default - null) 
var tfConfig = { 
  no_results_message: {
    on_before_show_msg: function(tf, feature){
      console.log(feature);  
    }
  } 
};
on_after_show_msg function Callback invoked just after a no results message is displayed (default - null) 
var tfConfig = { 
  no_results_message: {
    on_after_show_msg: function(tf, feature){
      console.log(feature);  
    }
  } 
};
on_before_hide_msg function Callback invoked just before a no results message is closed (default - null) 
var tfConfig = { 
  no_results_message: {
    on_before_hide_msg: function(tf, feature){
      console.log(feature);  
    }
  } 
};
on_after_hide_msg function Callback invoked just after a no results message is closed (default - null) 
var tfConfig = { 
  no_results_message: {
    on_after_hide_msg: function(tf, feature){
      console.log(feature);  
    }
  } 
};

Website | Examples | Es6 documentation