Create the best Web experiences in browsers and devices with our user interface controls designed expressly for jQuery, ASP.NET MVC, HTML 5 and CSS 3. You’ll be building on a solid and proven foundation without any plug-ins or extensions, just real world best practices and the most forward-thinking, robust Web technology.

Infragistics NetAdvantage jQuery API Reference

mobile.igListViewFiltering

mobile.igListViewFiltering_image

The igListView Filtering feature is intended to provide filtering functionality in the igListView control. Supported in the control are search box and filter presets to achieve filtering in the list. Filtering can be configured for remote or local filtering. The igListView control adheres to the jQuery Mobile approach of using markup-based initialization and configuration along with the standard jQuery initialization. For more information on the igListView control’s HTML data-* attributes see igListView Data Attribute Reference.

The following code snippet demonstrates how to initialize the igListView control with filtering feature enabled.

Click here for more information on how to get started using this API. For details on how to reference the required scripts and themes for the igList control read, Using JavaScript Resouces in NetAdvantage for jQuery and Styling and Theming NetAdvantage for jQuery.

Code Sample

 
        <!doctype html>
        <html>
        <head>
            <!-- jQuery Mobile Styles -->
            <link rel="stylesheet" href="../content/jqm/jquery.mobile.structure.min.css" />
            <!-- jQuery Core -->
            <script type="text/javascript" src="js/jquery.js"></script>
            <!-- jQuery Mobile Core -->
            <script type="text/javascript" src="js/jquery.mobile.js"><script>
            <!-- Infragistics mobile loader -->
            <script type="text/javascript" src="js/infragistics.mobile.loader.js"></script>
            <script type="text/javascript">
                var northwindEmployees = [
                    { "ID": 1, "Name": "Davolio, Nancy", "Title": "Sales Representative", "ImageUrl": "../content/images/nw/employees/1.png", "Phone": "(206) 555-9857", "PhoneUrl": "tel:(206) 555-9857" },
                    { "ID": 2, "Name": "Fuller, Andrew", "Title": "Vice President, Sales", "ImageUrl": "../content/images/nw/employees/2.png", "Phone": "(206) 555-9482", "PhoneUrl": "tel:(206) 555-9482" },
                    { "ID": 3, "Name": "Leverling, Janet", "Title": "Sales Representative", "ImageUrl": "../content/images/nw/employees/3.png", "Phone": "(206) 555-3412", "PhoneUrl": "tel:(206) 555-3412" },
                    { "ID": 4, "Name": "Peacock, Margaret", "Title": "Sales Representative", "ImageUrl": "../content/images/nw/employees/4.png", "Phone": "(206) 555-8122", "PhoneUrl": "tel:(206) 555-8122" },
                    { "ID": 5, "Name": "Buchanan, Steven", "Title": "Sales Manager", "ImageUrl": "../content/images/nw/employees/5.png", "Phone": "(71) 555-4848", "PhoneUrl": "tel:(71) 555-4848" },
                    { "ID": 6, "Name": "Suyama, Michael", "Title": "Sales Representative", "ImageUrl": "../content/images/nw/employees/6.png", "Phone": "(71) 555-7773", "PhoneUrl": "tel:(71) 555-7773" },
                    { "ID": 7, "Name": "King, Robert", "Title": "Sales Representative", "ImageUrl": "../content/images/nw/employees/7.png", "Phone": "(71) 555-5598", "PhoneUrl": "tel:(71) 555-5598" },
                    { "ID": 8, "Name": "Callahan, Laura", "Title": "Inside Sales Coordinator", "ImageUrl": "../content/images/nw/employees/8.png", "Phone": "(206) 555-1189", "PhoneUrl": "tel:(206) 555-1189" },
                    { "ID": 9, "Name": "Dodsworth, Anne", "Title": "Sales Representative", "ImageUrl": "../content/images/nw/employees/9.png", "Phone": "(71) 555-4444", "PhoneUrl": "tel:(71) 555-4444" }
                ];
            </script>
            <script type="text/javascript">
                $.ig.loader({
                    scriptPath: "js",
                    cssPath: "css",
                    resources: "igmList.Filtering",
                    theme: "ios"
                });
            </script>
        </head>
        <body>
            <ul id="contactsListView"
                data-role="iglistview"
                data-icon-mode="thumbnail"
                data-data-source="northwindEmployees" 
                data-bindings-header-key="Name"
                data-bindings-primary-key="ID"
                data-bindings-text-key="Phone"
                data-bindings-image-url-key="ImageUrl"
                data-filtering="true"
                data-filtering-search-bar-place-holder="Filter Contacts...">
            </ul>
        </body>
        </html>
    

Related Samples

Related Topics

Dependencies

jquery-1.6.4.js
jquery.ui.core.js
ig.mobileui.list.js
ig.datasource.js
ig.ui.shared.js
ig.util.js
  • caseSensitive

    Type:
    enumeration
    Default:
    false

    enables/disables filtering case sensitivity.

    Members

    • true
    • Type:bool
    • Enables filtering case sensitivity .
    • false
    • Type:bool
    • Disables filtering case sensitivity.

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    dataSource: northwindEmployees,
                    features: [
                        {
                            name: "Filtering",
                            caseSensitive: true
                        }
                    ]
                });
                
                //Get
                var caseSensitive = $(".selector").igListViewFiltering("option", "caseSensitive");
        
  • filteredFields

    Type:
    array
    Default:
    []
    Elements Type:
    object

    A list of key/value pairs (fieldName, searchValue, condition, logic) representing the filtered fields.

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    dataSource: northwindEmployees,
                    features: [
                        {
                            name: "Filtering",
                            filteredFields: [
                                {
                                    fieldName: "Name",
                                    searchValue: "Davolio",
                                    condition: "contains"
                                }
                            ]
                        }
                    ]
                });
                
                //Get
                var filteredFields = $(".selector").igListViewFiltering("option", "filteredFields");
          
    • condition

      Type:
      enumeration
      Default:
      ""

      default filtering condition for the column.

      Members

      • empty
      • Type:string
      • notEmpty
      • Type:string
      • null
      • Type:string
      • notNull
      • Type:string
      • equals
      • Type:string
      • doesNotEqual
      • Type:string
      • startsWith
      • Type:string
      • contains
      • Type:string
      • doesNotContain
      • Type:string
      • endsWith
      • Type:string
      • greaterThan
      • Type:string
      • lessThan
      • Type:string
      • greaterThanOrEqualTo
      • Type:string
      • lessThanOrEqualTo
      • Type:string
      • true
      • Type:bool
      • false
      • Type:bool
      • on
      • Type:string
      • notOn
      • Type:string
      • before
      • Type:string
      • after
      • Type:string
      • today
      • Type:string
      • yesterday
      • Type:string
      • thisMonth
      • Type:string
      • lastMonth
      • Type:string
      • nextMonth
      • Type:string
      • thisYear
      • Type:string
      • nextYear
      • Type:string
      • lastYear
      • Type:string

      Code Sample

       
                  //Initialize
                  $(".selector").igListView({
                      dataSource: northwindEmployees,
                      features: [
                          {
                              name: "Filtering",
                              filteredFields: [
                                  {
                                      fieldName: "Name",
                                      searchValue: "Davolio",
                                      condition: "contains"
                                  }
                              ]
                          }
                      ]
                  });
                  
                  //Get
                  var filteredFields = $(".selector").igListViewFiltering("option", "filteredFields");
                
    • fieldName

      Type:
      string
      Default:
      ""

      The name of the field to filter by.

      Code Sample

       
                  //Initialize
                  $(".selector").igListView({
                      dataSource: northwindEmployees,
                      features: [
                          {
                              name: "Filtering",
                              filteredFields: [
                                  {
                                      fieldName: "Name",
                                      searchValue: "Davolio",
                                      condition: "contains"
                                  }
                              ]
                          }
                      ]
                  });
                  
                  //Get
                  var filteredFields = $(".selector").igListViewFiltering("option", "filteredFields");
                
    • logic

      Type:
      string
      Default:
      and

      AND|OR" Whether to use boolean AND or OR if there are multiple fields to filter by.

      Code Sample

       
                  //Initialize
                  $(".selector").igListView({
                      dataSource: northwindEmployees,
                      features: [
                          {
                              name: "Filtering",
                              filteredFields: [
                                  {
                                      fieldName: "Name",
                                      searchValue: "Davolio",
                                      condition: "contains"
                                      logic: "AND"
                                  },
                                  {
                                      fieldName: "Title",
                                      searchValue: "Sales Representative",
                                      condition: "equals"
                                  }
                              ]
                          }
                      ]
                  });
                  
                  //Get
                  var filteredFields = $(".selector").igListViewFiltering("option", "filteredFields");
                
    • searchValue

      Type:
      string
      Default:
      ""

      The value to use for this field's filter (if applicable).

      Code Sample

       
                  //Initialize
                  $(".selector").igListView({
                      dataSource: northwindEmployees,
                      features: [
                          {
                              name: "Filtering",
                              filteredFields: [
                                  {
                                      fieldName: "Name",
                                      searchValue: "Davolio",
                                      condition: "contains"
                                  }
                              ]
                          }
                      ]
                  });
                  
                  //Get
                  var filteredFields = $(".selector").igListViewFiltering("option", "filteredFields");
                
  • filterExprUrlKey

    Type:
    string
    Default:
    null

    URL key name that specifies how the filtering expressions will be encoded for remote requests, e.g. &filter('col') = startsWith. Default is OData.

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    features: [
                        {
                            name: "Filtering",
                            filterExprUrlKey : "filter"
                        }
                    ]
                });
                
                //Get
                var filterExpr = $(".selector").igListViewFiltering("option", "filterExprUrlKey");
          
  • filterPresetsLabel

    Type:
    string
    Default:
    null

    The text that is displayed above the filter presets.

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    features: [
                        {
                            name: "Filtering",
                            filterPresetsLabel : "Filter presets:"
                        }
                    ]
                });
                
                //Get
                var presetsLabel = $(".selector").igListViewFiltering("option", "filterPresetsLabel");
          
  • filterState

    Type:
    string
    Default:
    default

    The index of the preset that should be used, 'default' for none.

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    features: [
                        {
                            name: "Filtering",
                            filterState : "default"
                        }
                    ]
                });
                
                //Get
                var filterState = $(".selector").igListViewFiltering("option", "filterState");
          
  • presets

    Type:
    array
    Default:
    []
    Elements Type:
    object

    A list of preset filtering options.

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    features: [
                        {
                            name: "Filtering",
                            presets : [
                                {
                                    text: "Sales",
                                    filteredFields: [
                                        {
                                            fieldName: "Title",
                                            searchValue: "Sales Representative",
                                            condition: "equals"
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                });
                
                //Get
                var presets = $(".selector").igListViewFiltering("option", "presets");
          
    • filteredFields

      Type:
      array
      Default:
      []
      Elements Type:
      object

      A list of key/value pairs (fieldName, searchValue, condition, logic) representing the filtered fields.

      Code Sample

       
                  //Initialize
                  $(".selector").igListView({
                      features: [
                          {
                              name: "Filtering",
                              presets : [
                                  {
                                      text: "Sales",
                                      filteredFields: [
                                          {
                                              fieldName: "Title",
                                              searchValue: "Sales Representative",
                                              condition: "equals"
                                          }
                                      ]
                                  }
                              ]
                          }
                      ]
                  });
                  
                  //Get
                  var presets = $(".selector").igListViewFiltering("option", "presets");
                
      • condition

        Type:
        enumeration
        Default:
        ""

        default filtering condition for the column.

        Members

        • empty
        • Type:string
        • notEmpty
        • Type:string
        • null
        • Type:string
        • notNull
        • Type:string
        • equals
        • Type:string
        • doesNotEqual
        • Type:string
        • startsWith
        • Type:string
        • contains
        • Type:string
        • doesNotContain
        • Type:string
        • endsWith
        • Type:string
        • greaterThan
        • Type:string
        • lessThan
        • Type:string
        • greaterThanOrEqualTo
        • Type:string
        • lessThanOrEqualTo
        • Type:string
        • true
        • Type:bool
        • false
        • Type:bool
        • on
        • Type:string
        • notOn
        • Type:string
        • before
        • Type:string
        • after
        • Type:string
        • today
        • Type:string
        • yesterday
        • Type:string
        • thisMonth
        • Type:string
        • lastMonth
        • Type:string
        • nextMonth
        • Type:string
        • thisYear
        • Type:string
        • nextYear
        • Type:string
        • lastYear
        • Type:string
      • fieldName

        Type:
        string
        Default:
        ""

        The name of the field to filter by.

      • logic

        Type:
        string
        Default:
        and

        AND|OR" Whether to use boolean AND or OR if there are multiple fields to filter by.

      • searchValue

        Type:
        string
        Default:
        ""

        The value to use for this field's filter (if applicable).

    • text

      Type:
      string
      Default:
      ""

      The text to display in the filter preset.

      Code Sample

       
                  //Initialize
                  $(".selector").igListView({
                      features: [
                          {
                              name: "Filtering",
                              presets : [
                                  {
                                      text: "Sales",
                                      filteredFields: [
                                          {
                                              fieldName: "Title",
                                              searchValue: "Sales Representative",
                                              condition: "equals"
                                          }
                                      ]
                                  }
                              ]
                          }
                      ]
                  });
                  
                  //Get
                  var presets = $(".selector").igListViewFiltering("option", "presets");
                
  • searchBarCondition

    Type:
    enumeration
    Default:
    contains

    default filtering condition for the column.

    Members

    • empty
    • Type:string
    • notEmpty
    • Type:string
    • null
    • Type:string
    • notNull
    • Type:string
    • equals
    • Type:string
    • doesNotEqual
    • Type:string
    • startsWith
    • Type:string
    • contains
    • Type:string
    • doesNotContain
    • Type:string
    • endsWith
    • Type:string
    • greaterThan
    • Type:string
    • lessThan
    • Type:string
    • greaterThanOrEqualTo
    • Type:string
    • lessThanOrEqualTo
    • Type:string
    • true
    • Type:bool
    • false
    • Type:bool
    • on
    • Type:string
    • notOn
    • Type:string
    • before
    • Type:string
    • after
    • Type:string
    • today
    • Type:string
    • yesterday
    • Type:string
    • thisMonth
    • Type:string
    • lastMonth
    • Type:string
    • nextMonth
    • Type:string
    • thisYear
    • Type:string
    • nextYear
    • Type:string
    • lastYear
    • Type:string

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    features: [
                        {
                            name: "Filtering",
                            searchBarCondition: "contains"
                        }
                    ]
                });
                
                //Get
                var searchBarCondition = $(".selector").igListViewFiltering("option", "searchBarCondition");
          
  • searchBarEnabled

    Type:
    bool
    Default:
    true

    Whether to enable the search bar in the tray.

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    features: [
                        {
                            name: "Filtering",
                            searchBarEnabled: true
                        }
                    ]
                });
                
                //Get
                var searchBarEnabled = $(".selector").igListViewFiltering("option", "searchBarEnabled");
          
  • searchBarFieldName

    Type:
    string
    Default:
    ""

    The field to search through for keyword search. When empty, it will search all the fields.

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    features: [
                        {
                            name: "Filtering",
                            searchBarFieldName: "Name"
                        }
                    ]
                });
                
                //Get
                var searchBarFieldName = $(".selector").igListViewFiltering("option", "searchBarFieldName");
          
  • searchBarFields

    Type:
    array
    Default:
    []
    Elements Type:
    object

    A list of the fields in the source to allow end user keyword search configuration.

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    features: [
                        {
                            name: "Filtering",
                            searchBarFields: [
                                {
                                    text: "Name",
                                    fieldName: "Name",
                                    condition: "contains"
                                }
                            ]
                        }
                    ]
                });
                
                //Get
                var searchBarFields = $(".selector").igListViewFiltering("option", "searchBarFields");
          
    • condition

      Type:
      enumeration
      Default:
      ""

      default filtering condition for the column.

      Members

      • empty
      • Type:string
      • notEmpty
      • Type:string
      • null
      • Type:string
      • notNull
      • Type:string
      • equals
      • Type:string
      • doesNotEqual
      • Type:string
      • startsWith
      • Type:string
      • contains
      • Type:string
      • doesNotContain
      • Type:string
      • endsWith
      • Type:string
      • greaterThan
      • Type:string
      • lessThan
      • Type:string
      • greaterThanOrEqualTo
      • Type:string
      • lessThanOrEqualTo
      • Type:string
      • true
      • Type:bool
      • false
      • Type:bool
      • on
      • Type:string
      • notOn
      • Type:string
      • before
      • Type:string
      • after
      • Type:string
      • today
      • Type:string
      • yesterday
      • Type:string
      • thisMonth
      • Type:string
      • lastMonth
      • Type:string
      • nextMonth
      • Type:string
      • thisYear
      • Type:string
      • nextYear
      • Type:string
      • lastYear
      • Type:string

      Code Sample

       
                  //Initialize
                  $(".selector").igListView({
                      features: [
                          {
                              name: "Filtering",
                              searchBarFields: [
                                  {
                                      text: "Name",
                                      fieldName: "Name",
                                      condition: "contains"
                                  }
                              ]
                          }
                      ]
                  });
                  
                  //Get
                  var searchBarFields = $(".selector").igListViewFiltering("option", "searchBarFields");
                
    • fieldName

      Type:
      string
      Default:
      ""

      The name of the field to filter by.

      Code Sample

       
                  //Initialize
                  $(".selector").igListView({
                      features: [
                          {
                              name: "Filtering",
                              searchBarFields: [
                                  {
                                      text: "Name",
                                      fieldName: "Name",
                                      condition: "contains"
                                  }
                              ]
                          }
                      ]
                  });
                  
                  //Get
                  var searchBarFields = $(".selector").igListViewFiltering("option", "searchBarFields");
                
    • text

      Type:
      string
      Default:
      ""

      The text to show in the scope option.

      Code Sample

       
                  //Initialize
                  $(".selector").igListView({
                      features: [
                          {
                              name: "Filtering",
                              searchBarFields: [
                                  {
                                      text: "Name",
                                      fieldName: "Name",
                                      condition: "contains"
                                  }
                              ]
                          }
                      ]
                  });
                  
                  //Get
                  var searchBarFields = $(".selector").igListViewFiltering("option", "searchBarFields");
                
  • searchBarPlaceHolder

    Type:
    string
    Default:
    null

    The placeholder to display in the search bar when it is empty.

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    features: [
                        {
                            name: "Filtering",
                            searchBarPlaceHolder: "Search contacts..."
                        }
                    ]
                });
                
                //Get
                var searchBarPlaceHolder = $(".selector").igListViewFiltering("option", "searchBarPlaceHolder");
          
  • type

    Type:
    enumeration
    Default:
    null

    Defines local or remote filtering.

    Members

    • remote
    • Type:string
    • local
    • Type:string

    Code Sample

     
                //Initialize
                $(".selector").igListView({
                    features: [
                        {
                            name: "Filtering",
                            type: "local"
                        }
                    ]
                });
                
                //Get
                var filterType = $(".selector").igListViewFiltering("option", "type");
          

For more information on how to interact with the NetAdvantage for jQuery controls events, refer to
Using Events in NetAdvantage for jQuery

Show Details
  • keywordChanged

    Cancellable:
    false

    Event fired after the keyword in the search bar has changed.
    Function takes arguments evt and ui.
    Use ui.owner to get reference to igListViewFiltering.
    Use ui.owner.list to get reference to igList.
    Use ui.value to get new value of textbox.

    Code Sample

     
            //Delegate
            $(document).delegate(".selector", "iglistviewfilteringkeywordchanged", function (evt, ui) {
                //return the new value of the search box
                ui.value;
                //return reference to igListViewFiltering
                ui.owner;
                //return reference to igList
                ui.owner.list;
            });
            
            //Initialize
            $(".selector").igListView({
                features: [
                    {
                        name: "Filtering",
                        keywordChanged: function(evt, ui) {...}
                    }
                ]
            });
          
  • keywordChanging

    Cancellable:
    true

    Event fired before the keyword in the search bar has changed.
    Return false in order to cancel hanging of filter preset.
    Function takes arguments evt and ui.
    Use ui.owner to get reference to igListViewFiltering.
    Use ui.owner.list to get reference to igList.
    Use ui.value to get new value of textbox.

    Code Sample

     
            //Delegate
            $(document).delegate(".selector", "iglistviewfilteringkeywordchanging", function (evt, ui) {
                //return the new value of the search box
                ui.value;
                //return reference to igListViewFiltering
                ui.owner;
                //return reference to igList
                ui.owner.list;
            });
            
            //Initialize
            $(".selector").igListView({
                features: [
                    {
                        name: "Filtering",
                        keywordChanging: function(evt, ui) {...}
                    }
                ]
            });
          
  • presetChanged

    Cancellable:
    false

    Event fired after the preset has been changed and the data rerendered.
    Function takes arguments evt and ui.
    Use ui.owner to get reference to igListViewFiltering.
    Use ui.owner.list to get reference to igList.
    Use ui.state to get new filterState.

    Code Sample

     
            //Delegate
            $(document).delegate(".selector", "iglistviewfilteringpresetchanged", function (evt, ui) {
                //return the new value of filterState option
                ui.state;
                //return reference to igListViewFiltering
                ui.owner;
                //return reference to igList
                ui.owner.list;
            });
            
            //Initialize
            $(".selector").igListView({
                features: [
                    {
                        name: "Filtering",
                        presetChanged: function(evt, ui) {...}
                    }
                ]
            });
          
  • presetChanging

    Cancellable:
    true

    Event fired before sort preset is changed in the filter.
    Return false in order to cancel changing of filter preset.
    Function takes arguments evt and ui.
    Use ui.owner to get reference to igListViewFiltering.
    Use ui.owner.list to get reference to igList.
    Use ui.state to get new filterState.

    Code Sample

     
            //Delegate
            $(document).delegate(".selector", "iglistviewfilteringpresetchanging", function (evt, ui) {
                //return the new value of filterState option
                ui.state;
                //return reference to igListViewFiltering
                ui.owner;
                //return reference to igList
                ui.owner.list;
            });
            
            //Initialize
            $(".selector").igListView({
                features: [
                    {
                        name: "Filtering",
                        presetChanging: function(evt, ui) {...}
                    }
                ]
            });
          
  • scopeChanged

    Cancellable:
    false

    Event fired after the scope preset has been changed and the data (possibly) rerendered.
    Function takes arguments evt and ui.
    Use ui.owner to get reference to igListViewFiltering.
    Use ui.owner.list to get reference to igList.
    Use ui.scopeField to get new field name that keyword search will scope by.
    Use ui.condition to get the new condition that the keyword search will filter by.

    Code Sample

     
            //Delegate
            $(document).delegate(".selector", "iglistviewfilteringscopechanged", function (evt, ui) {
                //return the new field name that will scope keyword search
                ui.scopeField;
                //return the new condition that the keyword search will filter by
                ui.condition;
                //return reference to igListViewFiltering
                ui.owner;
                //return reference to igList
                ui.owner.list;
            });
            
            //Initialize
            $(".selector").igListView({
                features: [
                    {
                        name: "Filtering",
                        scopeChanged: function(evt, ui) {...}
                    }
                ]
            });
          
  • scopeChanging

    Cancellable:
    true

    Event fired before scope preset is changed in the filter.
    Return false in order to cancel changing of filter preset.
    Function takes arguments evt and ui.
    Use ui.owner to get reference to igListViewFiltering.
    Use ui.owner.list to get reference to igList.
    Use ui.scopeField to get new field name that keyword search will scope by.
    Use ui.condition to get/set the new condition that the keyword search will filter by.

    Code Sample

     
            //Delegate
            $(document).delegate(".selector", "iglistviewfilteringscopechanging", function (evt, ui) {
                //return the new field name that will scope keyword search
                ui.scopeField;
                //return the new condition that the keyword search will filter by
                ui.condition;
                //return reference to igListViewFiltering
                ui.owner;
                //return reference to igList
                ui.owner.list;
            });
            
            //Initialize
            $(".selector").igListView({
                features: [
                    {
                        name: "Filtering",
                        scopeChanging: function(evt, ui) {...}
                    }
                ]
            });
          
  • destroy

    mobile.igListViewFiltering( "destroy" );

    Destroys the igListViewFiltering feature by removing all elements in the tray.

    Code Sample

     
          $(".selector").igListViewFiltering("destroy");
          
  • filter

    mobile.igListViewFiltering( "filter", fieldExpressions:object, trayText:string );

    Filters the list with the custom list of expressions given. Should have the same properties as defined in filtered fields of presets.
    .

    • fieldExpressions
    • Type:object
    • a list of field expression definitions.
    • trayText
    • Type:string
    • The text to put in the search tray footer (if it exists).

    Code Sample

     
            $(".selector").igListViewFiltering("filter", [{fieldName:"CategoryName", searchValue: "Seafood", condition: "equals"}], "Filtering for category 'Seafood'");
          
  • ui-iglist-filter-key-word-area

  • ui-iglist-filter-presets

  • ui-iglist-keyword-scope-options

  • ui-iglist-tray-footer-item ig-tray-keyword

  • ui-iglist-search-scope-hidden

  • ui-btn-inline ui-iglist-preset

  • ui-iglist-tray-footer-item ig-tray-filter-preset

  • ui-iglist-preset-hidden

  • ui-iglist-preset-selected

  • ui-iglist-tray-footer-sep