Vue FilterBuilder - filterOperationDescriptions

Specifies filter operation descriptions.

Selector: DxFilterOperationDescriptions
Type:

Object

The following code sample illustrates how to set this property:

jQuery
index.js
$(function() {
    $("#filterBuilderContainer").dxFilterBuilder({
        // ...
        filterOperationDescriptions: {
            startsWith: "Begins with"
        }
    });
});
Angular
app.component.html
app.module.ts
<dx-filter-builder ... >
    <dxo-filter-operation-descriptions
        startsWith="Begins with">
    </dxo-filter-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 ... >
        <DxFilterOperationDescriptions
            starts-with="Begins with"
        />
    </DxFilterBuilder>
</template>

<script>
import 'devextreme/dist/css/dx.light.css';

import DxFilterBuilder, {
    DxFilterOperationDescriptions
} from 'devextreme-vue/filter-builder';

export default {
    components: {
        DxFilterBuilder,
        DxFilterOperationDescriptions
    },
    // ...
}
</script>
React
App.js
import 'devextreme/dist/css/dx.light.css';

import FilterBuilder, {
    FilterOperationDescriptions
} from 'devextreme-react/filter-builder';

export default function App() {
    return (
        <FilterBuilder ... >
            <FilterOperationDescriptions
                startsWith="Begins with"
            />
        </FilterBuilder>
    );
}
See Also

between

The "between" operation's description.

Type:

String

Default Value: 'Between'

contains

The "contains" operation's description.

Type:

String

Default Value: 'Contains'

endsWith

The "endswith" operation's description.

Selector: ends-with
Type:

String

Default Value: 'Ends with'

equal

The "=" operation's description.

Type:

String

Default Value: 'Equals'

greaterThan

The ">" operation's description.

Selector: greater-than
Type:

String

Default Value: 'Greater than'

greaterThanOrEqual

The ">=" operation's description.

Selector: greater-than-or-equal
Type:

String

Default Value: 'Greater than or equal to'

isBlank

The "isblank" operation's description.

Selector: is-blank
Type:

String

Default Value: 'Is blank'

isNotBlank

The "isnotblank" operation's description.

Selector: is-not-blank
Type:

String

Default Value: 'Is not blank'

lessThan

The "<" operation's description.

Selector: less-than
Type:

String

Default Value: 'Less than'

lessThanOrEqual

The "<=" operation's description.

Selector: less-than-or-equal
Type:

String

Default Value: 'Less than or equal to'

notContains

The "notcontains" operation's description.

Selector: not-contains
Type:

String

Default Value: 'Does not contain'

notEqual

The "<>" operation's description.

Selector: not-equal
Type:

String

Default Value: 'Does not equal'

startsWith

The "startswith" operation's description.

Selector: starts-with
Type:

String

Default Value: 'Starts with'