Vue FilterBuilder - groupOperationDescriptions
Selector: DxGroupOperationDescriptions
Type:
The following code sample illustrates how to set this property:
jQuery
index.js
$(function() { $("#filterBuilderContainer").dxFilterBuilder({ // ... groupOperationDescriptions: { and: "Plus" } }); });
Angular
app.component.html
app.module.ts
<dx-filter-builder ... > <dxo-group-operation-descriptions and="Plus"> </dxo-group-operation-descriptions> </dx-filter-builder>
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; import { DxFilterBuilderModule } from 'devextreme-angular'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, DxFilterBuilderModule ], providers: [ ], bootstrap: [AppComponent] }) export class AppModule { }
Vue
App.vue
<template> <DxFilterBuilder ... > <DxGroupOperationDescriptions and="Plus" /> </DxFilterBuilder> </template> <script> import 'devextreme/dist/css/dx.light.css'; import DxFilterBuilder, { DxGroupOperationDescriptions } from 'devextreme-vue/filter-builder'; export default { components: { DxFilterBuilder, DxGroupOperationDescriptions }, // ... } </script>
React
App.js
import 'devextreme/dist/css/dx.light.css'; import FilterBuilder, { GroupOperationDescriptions } from 'devextreme-react/filter-builder'; export default function App() { return ( <FilterBuilder ... > <GroupOperationDescriptions and="Plus" /> </FilterBuilder> ); }
See Also
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.