{
    "componentChunkName": "component---src-templates-doc-page-jsx",
    "path": "/javascript-data-grid/filter-multi/",
    "result": {"data":{"markdownRemark":{"htmlAst":{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The Multi Filter allows multiple "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/filtering/#column-filter-types"},"children":[{"type":"text","value":"Provided Filters"}]},{"type":"text","value":" or "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/component-filter/"},"children":[{"type":"text","value":"Custom Filters"}]},{"type":"text","value":" to be used on the same column. This provides greater flexibility when filtering data in the grid."}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"image-caption","properties":{"src":"filter-multi/resources/multi-filter.png","alt":"Multi Filter","width":"34rem","centered":"true"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"enabling-the-multi-filter","style":"position:relative;"},"children":[{"type":"text","value":"Enabling the Multi Filter"},{"type":"element","tagName":"a","properties":{"href":"#enabling-the-multi-filter","ariaLabel":"enabling the multi filter permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To use a Multi Filter, specify the following in your Column Definition:"}]},{"type":"element","tagName":"snippet","properties":{},"children":[{"type":"text","value":"\nconst gridOptions = {\n    columnDefs: [\n        // column configured to use the Multi Filter\n        { field: 'athlete', filter: 'agMultiColumnFilter' },\n    ]\n}\n"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By default the Multi Filter will show a "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/filter-text/"},"children":[{"type":"text","value":"Text Filter"}]},{"type":"text","value":" and "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/filter-set/"},"children":[{"type":"text","value":"Set Filter"}]},{"type":"text","value":", but you can specify which filters you would like to use in the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"filters"}]},{"type":"text","value":" array. The filters will be displayed in the same order as they are specified."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The example below shows the Multi Filter in action. Note the following:"}]},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Athlete"}]},{"type":"text","value":" column has a Multi Filter with default behaviour."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Country"}]},{"type":"text","value":", "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Gold"}]},{"type":"text","value":" and "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Date"}]},{"type":"text","value":" columns have Multi Filters with the child filters configured explicitly, using the "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/filter-text/"},"children":[{"type":"text","value":"Text"}]},{"type":"text","value":", "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/filter-number/"},"children":[{"type":"text","value":"Number"}]},{"type":"text","value":" and "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/filter-date/"},"children":[{"type":"text","value":"Date"}]},{"type":"text","value":" Simple Filters respectively."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Different "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"filterParams"}]},{"type":"text","value":" can be supplied to each child filter:"},{"type":"element","tagName":"br","properties":{},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The Text Filter in the Country column has a different default option ("},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"'startsWith'"}]},{"type":"text","value":")"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The Date Filter in the Date column has a custom comparator to compare dates correctly"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The Set Filter in the Date column has a custom comparator, so the values are displayed in ascending order"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"grid-example","properties":{"title":"Multi Filter","name":"multi-filter","type":"generated","options":"{ \"enterprise\": true, \"exampleHeight\": 602, \"modules\": [\"clientside\", \"multifilter\", \"setfilter\", \"menu\", \"clipboard\", \"filterpanel\"] }"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"floating-filters","style":"position:relative;"},"children":[{"type":"text","value":"Floating Filters"},{"type":"element","tagName":"a","properties":{"href":"#floating-filters","ariaLabel":"floating filters permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/floating-filters/"},"children":[{"type":"text","value":"Floating Filters"}]},{"type":"text","value":" are used, the Floating Filter shown is for the child filter in the Multi Filter that was most recently applied and is still active. If no child filters are active, the Floating Filter for the first child filter in the Multi Filter is shown instead."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The example below shows Floating Filters enabled for all columns. Note how the Floating Filters change when you apply different child filters from the Multi Filter."}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"grid-example","properties":{"title":"Floating Filters","name":"floating-filters","type":"generated","options":"{ \"enterprise\": true, \"exampleHeight\": 635, \"modules\": [\"clientside\", \"multifilter\", \"setfilter\", \"menu\", \"clipboard\"] }"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"display-style","style":"position:relative;"},"children":[{"type":"text","value":"Display Style"},{"type":"element","tagName":"a","properties":{"href":"#display-style","ariaLabel":"display style permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By default, all filters in the Multi Filter are shown inline in the same view, so that the user has easy, immediate access. However, you can change how filters are presented, by either using sub-menus or accordions to wrap each filter. To do this, you can set "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"display"}]},{"type":"text","value":" to the style of how you would like a particular filter to be displayed:"}]},{"type":"element","tagName":"snippet","properties":{},"children":[{"type":"text","value":"\nconst gridOptions = {\n    columnDefs: [\n        {\n            field: 'athlete',\n            filter: 'agMultiColumnFilter',\n            filterParams: {\n                filters: [\n                    {\n                        filter: 'agTextColumnFilter',\n                        display: 'subMenu',\n                    },\n                    {\n                        filter: 'agSetColumnFilter',\n                    }\n                ]\n            }\n        }\n    ]\n}\n"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The options for "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"display"}]},{"type":"text","value":" are "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"'inline'"}]},{"type":"text","value":", "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"'subMenu'"}]},{"type":"text","value":" or "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"'accordion'"}]},{"type":"text","value":"."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Please note that sub-menus will be shown as accordions in the Tool Panel."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can also provide a title that will be used in the menu item or accordion title by using the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"title"}]},{"type":"text","value":" property."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The following example demonstrates the different display styles."}]},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Athlete"}]},{"type":"text","value":" column demonstrates having the first filter inside a sub-menu."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The sub-menu for the "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Athlete"}]},{"type":"text","value":" filter is shown as an accordion inside the Tool Panel."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Country"}]},{"type":"text","value":" column demonstrates having both filters as accordions."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"A custom title is used for the first filter in the "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Country"}]},{"type":"text","value":" column."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Sport"}]},{"type":"text","value":" column shows the default behaviour, where all filters are inline."}]},{"type":"text","value":"\n"}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"grid-example","properties":{"title":"Display Style","name":"display-style","type":"generated","options":"{ \"enterprise\": true, \"exampleHeight\": 629, \"modules\": [\"clientside\", \"multifilter\", \"setfilter\", \"menu\", \"clipboard\", \"filterpanel\"] }"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"custom-filters","style":"position:relative;"},"children":[{"type":"text","value":"Custom Filters"},{"type":"element","tagName":"a","properties":{"href":"#custom-filters","ariaLabel":"custom filters permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can use your own "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/component-filter/"},"children":[{"type":"text","value":"Custom Filters"}]},{"type":"text","value":" with the Multi Filter."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The example below shows a Custom Filter in use on the "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Year"}]},{"type":"text","value":" column, used alongside the grid-provided "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/filter-number/"},"children":[{"type":"text","value":"Number Filter"}]},{"type":"text","value":"."}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"grid-example","properties":{"title":"Custom Filters","name":"custom-filter","type":"generated","options":"{ \"enterprise\": true, \"modules\": [\"clientside\", \"multifilter\", \"setfilter\", \"menu\", \"clipboard\", \"filterpanel\"], \"exampleHeight\": 635 }"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"multi-filter-model","style":"position:relative;"},"children":[{"type":"text","value":"Multi Filter Model"},{"type":"element","tagName":"a","properties":{"href":"#multi-filter-model","ariaLabel":"multi filter model permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The model for the Multi Filter wraps the models for all the child filters inside it. It has the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"IMultiFilterModel"}]},{"type":"text","value":" interface:"}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"interface-documentation","properties":{"interfacename":"IMultiFilterModel","config":"{\"overrideBottomMargin\":\"1rem\"}"},"children":[]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"filterType"}]},{"type":"text","value":" will always be set to "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"'multi'"}]},{"type":"text","value":". The models array is the same length as the number of child filters, containing the models for the child filters in the same order as the filters were specified in the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"filterParams"}]},{"type":"text","value":". Each array entry will either be set to "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"null"}]},{"type":"text","value":" if the corresponding child filter is not active, or to the current model for the child filter if it is active."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For example, if the Multi Filter has the default Text Filter and Set Filter, and the Set Filter is active, the Multi Filter model might look something like this:"}]},{"type":"element","tagName":"snippet","properties":{},"children":[{"type":"text","value":"\nconst gridOptions = {\n    columnDefs: [\n        {\n            filterType: 'multi',\n            filterModels: [\n                null,\n                { filterType: 'set', values: ['A', 'B', 'C'] }\n            ]\n        }\n    ]\n}\n"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The example below allows you to see the Multi Filter Model in use. You can print the current filter state to the console and save/restore it using the buttons at the top of the grid"}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"grid-example","properties":{"title":"Multi Filter Model","name":"multi-filter-model","type":"generated","options":"{ \"enterprise\": true, \"exampleHeight\": 639, \"modules\": [\"clientside\", \"multifilter\", \"setfilter\", \"menu\", \"clipboard\"] }"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"accessing-child-filters","style":"position:relative;"},"children":[{"type":"text","value":"Accessing Child Filters"},{"type":"element","tagName":"a","properties":{"href":"#accessing-child-filters","ariaLabel":"accessing child filters permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The Multi Filter acts as a wrapper around a list of child filters inside it. The order of the filters is the same order as they are specified in the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"filters"}]},{"type":"text","value":" array in the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"filterParams"}]},{"type":"text","value":". If you want to interact with the individual child filters, you can retrieve a particular child filter instance from the Multi Filter by calling "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"getChildFilterInstance(index)"}]},{"type":"text","value":",  where "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"index"}]},{"type":"text","value":" is the same as the index in the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"filters"}]},{"type":"text","value":" array. You can then call any API methods that are available on that particular child filter instance."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The example below shows how you can access child filter instances and call methods on them:"}]},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Clicking the "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Print Text Filter model"}]},{"type":"text","value":" button will access the Text Filter inside the Multi Filter and print the current model to the console."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Clicking the "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Print Set Filter search text"}]},{"type":"text","value":" button will access the Set Filter inside the Multi Filter and print the current search text to the console."}]},{"type":"text","value":"\n"}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"grid-example","properties":{"title":"Accessing Child Filters","name":"accessing-child-filters","type":"generated","options":"{ \"enterprise\": true, \"exampleHeight\": 624, \"modules\": [\"clientside\", \"multifilter\", \"setfilter\", \"menu\", \"clipboard\"] }"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"multi-filter-parameters","style":"position:relative;"},"children":[{"type":"text","value":"Multi Filter Parameters"},{"type":"element","tagName":"a","properties":{"href":"#multi-filter-parameters","ariaLabel":"multi filter parameters permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"interface-documentation","properties":{"interfacename":"IMultiFilterParams","overridesrc":"filter-multi/resources/multi-filter.json"},"children":[]}]},{"type":"element","tagName":"h3","properties":{"id":"imultifilterdef","style":"position:relative;"},"children":[{"type":"text","value":"IMultiFilterDef"},{"type":"element","tagName":"a","properties":{"href":"#imultifilterdef","ariaLabel":"imultifilterdef permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"interface-documentation","properties":{"interfacename":"IMultiFilterDef","overridesrc":"filter-multi/resources/multi-filter.json"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"multi-filter-api","style":"position:relative;"},"children":[{"type":"text","value":"Multi Filter API"},{"type":"element","tagName":"a","properties":{"href":"#multi-filter-api","ariaLabel":"multi filter api permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"interface-documentation","properties":{"interfacename":"IMultiFilterComp","overridesrc":"filter-multi/resources/multi-filter.json"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"next-up","style":"position:relative;"},"children":[{"type":"text","value":"Next Up"},{"type":"element","tagName":"a","properties":{"href":"#next-up","ariaLabel":"next up permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Continue to the next section to learn about "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.5/filter-conditions/"},"children":[{"type":"text","value":"Filter Conditions"}]},{"type":"text","value":"."}]}]},"frontmatter":{"title":"Multi Filter","version":null,"enterprise":true,"sideMenu":null,"description":null},"headings":[{"id":"enabling-the-multi-filter","depth":2,"value":"Enabling the Multi Filter"},{"id":"floating-filters","depth":2,"value":"Floating Filters"},{"id":"display-style","depth":2,"value":"Display Style"},{"id":"custom-filters","depth":2,"value":"Custom Filters"},{"id":"multi-filter-model","depth":2,"value":"Multi Filter Model"},{"id":"accessing-child-filters","depth":2,"value":"Accessing Child Filters"},{"id":"multi-filter-parameters","depth":2,"value":"Multi Filter Parameters"},{"id":"imultifilterdef","depth":3,"value":"IMultiFilterDef"},{"id":"multi-filter-api","depth":2,"value":"Multi Filter API"},{"id":"next-up","depth":2,"value":"Next Up"}]}},"pageContext":{"frameworks":["javascript","react","angular","vue"],"framework":"javascript","srcPath":"/filter-multi","pageName":"filter-multi"}},
    "staticQueryHashes": ["1766026005","699667431","940729948"]}