Filter AND/OR Logic [NEW]
By default, all filter controls, such as Text Filter, Checkbox Filter, and so on, use AND logic. The AND logic means that the result list meets all criteria within a set of filter and path rules.
But it is possible to change this behavior with a customFilter property like this:
datagrid({
customFilter: `
{ location } and { place-title } and
({ exclusive } or { parking } or { delivery }) and
({ family } or { romantic } or { party })`,
// ... any other DataGrid setting ....
});
Each parenthesized token, such as { location }
, corresponds to a filter control. The value inside parentheses matches data-id property of the control.
There is only one exception: in the case of the Radio Button Filter control, the name property is used instead of data-id.
<!-- text filter control: data-id="location" -->
<input
type="text"
placeholder="Filter by location"
data-grid-control="text-filter"
data-path=".my-path-to-filter"
data-id="location" />
<!-- radio button control uses name instead of data-id -->
<input
type="radio"
name="color-radio"
data-grid-control="radio-filter"
data-path=".color-red"
/>
Last updated
Was this helpful?