diff --git a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx index 319cbb4..e3018db 100644 --- a/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/GridComponent.jsx @@ -45,8 +45,6 @@ class GridComponent extends Component { columnDefs={this.state.columnDefs} rowData={this.props.rowData} - reactNext={true} - // events onGridReady={this.onGridReady}> @@ -62,4 +60,4 @@ export default connect( rowData: state.rowData } } -)(GridComponent); \ No newline at end of file +)(GridComponent); diff --git a/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx b/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx index 1da323b..e41f8e1 100644 --- a/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx +++ b/src-examples/simpleReduxDynamicComponentExample/PriceRenderer.jsx @@ -41,5 +41,5 @@ export default connect( }, null, null, - {forwardRef: true} // must be supplied for react/redux when using GridOptions.reactNext -)(PriceRenderer); \ No newline at end of file + {forwardRef: true} // must be supplied for react/redux when using AgGridReact +)(PriceRenderer); diff --git a/src-examples/simpleReduxHooksExample/GridComponent.jsx b/src-examples/simpleReduxHooksExample/GridComponent.jsx index 65715e0..61b0404 100644 --- a/src-examples/simpleReduxHooksExample/GridComponent.jsx +++ b/src-examples/simpleReduxHooksExample/GridComponent.jsx @@ -22,7 +22,7 @@ export default function GridComponent() { columnDefs={columnDefs} rowData={rowData} - reactNext + defaultColDef={{filter: true}} // events onGridReady={onGridReady}> diff --git a/src-examples/simpleReduxHooksExample/PriceFilter.jsx b/src-examples/simpleReduxHooksExample/PriceFilter.jsx new file mode 100644 index 0000000..c05817c --- /dev/null +++ b/src-examples/simpleReduxHooksExample/PriceFilter.jsx @@ -0,0 +1,18 @@ +import React, {forwardRef, useImperativeHandle, useRef} from "react"; + +export default forwardRef((props, ref) => { + const inputRef = useRef(); + useImperativeHandle(ref, () => { + return { + isFilterActive() { + return inputRef.current.value !== ''; + }, + + doesFilterPass: (params) => { + return params.data.price.toString() === inputRef.current.value; + } + }; + }); + + return props.filterChangedCallback()}/>; +}) diff --git a/src-examples/simpleReduxHooksExample/store.js b/src-examples/simpleReduxHooksExample/store.js index ff6288b..4d40b6b 100644 --- a/src-examples/simpleReduxHooksExample/store.js +++ b/src-examples/simpleReduxHooksExample/store.js @@ -1,6 +1,7 @@ import React from "react"; import PriceRenderer from "./PriceRenderer"; import PriceEditor from "./PriceEditor"; +import PriceFilter from "./PriceFilter"; export const initialState = { rowData: [], @@ -14,6 +15,7 @@ export const initialState = { cellClass: 'align-right', editable: true, cellEditorFramework: PriceEditor, + filterFramework: PriceFilter, cellRendererFramework: PriceRenderer } ]