File tree Expand file tree Collapse file tree
apps/demos/Demos/FilterBuilder/WithDataGrid/Vue Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1616 :data-source =" dataSource "
1717 :filter-value =" gridFilterValue "
1818 :show-borders =" true "
19- :columns =" fields "
19+ :columns =" gridColumns "
2020 :height =" 300 "
2121 />
2222 </div >
2525import { ref } from ' vue' ;
2626import DxFilterBuilder from ' devextreme-vue/filter-builder' ;
2727import DxButton from ' devextreme-vue/button' ;
28- import DxDataGrid from ' devextreme-vue/data-grid' ;
28+ import DxDataGrid , { type DxDataGridTypes } from ' devextreme-vue/data-grid' ;
2929import { DataSource , ODataStore } from ' devextreme-vue/common/data' ;
3030import { filter , fields } from ' ./data.ts' ;
3131
3232const filterValue = ref (filter );
33+ const gridColumns = fields as DxDataGridTypes .Column [];
3334const gridFilterValue = ref (filter );
3435const dataSource = new DataSource ({
3536 store: new ODataStore ({
Original file line number Diff line number Diff line change 11import { type DxFilterBuilderTypes } from 'devextreme-vue/filter-builder' ;
2- import { type DxDataGridTypes } from 'devextreme-vue/data-grid' ;
32
43export const filter = [
54 [ 'Product_Current_Inventory' , '<>' , 0 ] ,
@@ -11,7 +10,7 @@ export const filter = [
1110 ] ,
1211] ;
1312
14- export const fields : ( DxFilterBuilderTypes . Field & DxDataGridTypes . Column ) [ ] = [
13+ export const fields : DxFilterBuilderTypes . Field [ ] = [
1514 {
1615 caption : 'ID' ,
1716 dataField : 'Product_ID' ,
You can’t perform that action at this time.
0 commit comments