JavaScript/jQuery TreeList - filterRow.operationDescriptions
Specifies descriptions for filter operations on the filter list.
Type:
The following code sample illustrates how to set this property:
jQuery
index.js
$(function() {
$("#treeListContainer").dxTreeList({
filterRow: {
// ...
operationDescriptions: {
startsWith: "Begins with"
}
}
});
});Angular
app.component.html
app.module.ts
<dx-tree-list ... >
<dxo-filter-row ... >
<dxo-operation-descriptions
startsWith="Begins with">
</dxo-operation-descriptions>
</dxo-filter-row>
</dx-tree-list>
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { DxTreeListModule } from 'devextreme-angular';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
DxTreeListModule
],
providers: [ ],
bootstrap: [AppComponent]
})
export class AppModule { }Vue
App.vue
<template>
<DxTreeList ... >
<DxFilterRow ... >
<DxOperationDescriptions
starts-with="Begins with"
/>
</DxFilterRow>
</DxTreeList>
</template>
<script>
import 'devextreme/dist/css/dx.light.css';
import DxTreeList, {
DxFilterRow,
DxOperationDescriptions
} from 'devextreme-vue/tree-list';
export default {
components: {
DxTreeList,
DxFilterRow,
DxOperationDescriptions
},
// ...
}
</script>React
App.js
import 'devextreme/dist/css/dx.light.css';
import TreeList, {
FilterRow,
OperationDescriptions
} from 'devextreme-react/tree-list';
export default function App() {
return (
<TreeList ... >
<FilterRow ... >
<OperationDescriptions
startsWith="Begins with"
/>
</FilterRow>
</TreeList>
);
}See Also
- columns[].filterOperations
greaterThanOrEqual
A description for the ">=" operation.
Type:
Default Value: 'Greater than or equal to'
Feedback