Implementing filter on ag-grid serverSide rowModelType
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I implemented ag-grid with server side rowModelType.
Above the grid i have an input textbox which will filter the grid.
For example if user typed "abc" in the grid i should go to the server with "searchString=abc" in the url.
I need to redraw the grid with new data from server.
Before the rowModelType change i used the "setData" method in the api but after the change the method not exists in the grid api.
Thanks
angular ag-grid asked Nov 24 '18 at 11:56
eladreladr
7718
add a comment |
I implemented ag-grid with server side rowModelType.
Above the grid i have an input textbox which will filter the grid.
For example if user typed "abc" in the grid i should go to the server with "searchString=abc" in the url.
I need to redraw the grid with new data from server.
Before the rowModelType change i used the "setData" method in the api but after the change the method not exists in the grid api.
Thanks
angular ag-grid asked Nov 24 '18 at 11:56
eladreladr
7718
add a comment |
I implemented ag-grid with server side rowModelType.
Above the grid i have an input textbox which will filter the grid.
For example if user typed "abc" in the grid i should go to the server with "searchString=abc" in the url.
I need to redraw the grid with new data from server.
Before the rowModelType change i used the "setData" method in the api but after the change the method not exists in the grid api.
Thanks
angular ag-grid asked Nov 24 '18 at 11:56
eladreladr
7718
I implemented ag-grid with server side rowModelType.
Above the grid i have an input textbox which will filter the grid.
For example if user typed "abc" in the grid i should go to the server with "searchString=abc" in the url.
I need to redraw the grid with new data from server.
Before the rowModelType change i used the "setData" method in the api but after the change the method not exists in the grid api.
Thanks
angular ag-grid angular ag-grid asked Nov 24 '18 at 11:56
eladreladr
7718
asked Nov 24 '18 at 11:56
eladreladr
7718
asked Nov 24 '18 at 11:56
eladreladr
7718
asked Nov 24 '18 at 11:56
eladreladr
7718
asked Nov 24 '18 at 11:56
eladreladr
7718
7718
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
If you want to redraw the grid, there are several different refresh mechanism ingridApi you could try, depending on your chosen rowModel.
Here's what I normally do with a serverSide rowModel:
gridApi.purgeServerSideCache()
Other types for completeness:
RowModel: Infinite
gridApi.refreshInfiniteCache()
gridApi.purgeInfiniteCache()
RowModel: ClientSide
gridApi.refreshClientSideRowModel()
Further details can be found here, they are a bit scattered though.
However, your question can be interpreted in two ways, and I'm not sure if you really want to redraw your grid.
Instead, when using the serverSide rowModel you should have a onGridReady() callback somwhere in your codebase, in which you setup your enterprise request handler: gridApi.setServerSideDatasource({getRows: myGetRowsHandler}).
Your custom myGetRowsHandler handler should be called on every filter change, sorting, grouping or paging event and gets a parameters object passed into it.
When your request completes, you need to invoke the parameters.successCallback() which looks like this in TypeScript: successCallback(rowsThisPage: any, lastRow: number): void
answered Nov 27 '18 at 14:05
XcenoXceno
701519
Thanks. i used gridApi.setServerSideDatasource and pass the filters
– eladr
Nov 29 '18 at 15:09
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53457894%2fimplementing-filter-on-ag-grid-serverside-rowmodeltype%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
If you want to redraw the grid, there are several different refresh mechanism ingridApi you could try, depending on your chosen rowModel.
Here's what I normally do with a serverSide rowModel:
gridApi.purgeServerSideCache()
Other types for completeness:
RowModel: Infinite
gridApi.refreshInfiniteCache()
gridApi.purgeInfiniteCache()
RowModel: ClientSide
gridApi.refreshClientSideRowModel()
Further details can be found here, they are a bit scattered though.
However, your question can be interpreted in two ways, and I'm not sure if you really want to redraw your grid.
Instead, when using the serverSide rowModel you should have a onGridReady() callback somwhere in your codebase, in which you setup your enterprise request handler: gridApi.setServerSideDatasource({getRows: myGetRowsHandler}).
Your custom myGetRowsHandler handler should be called on every filter change, sorting, grouping or paging event and gets a parameters object passed into it.
When your request completes, you need to invoke the parameters.successCallback() which looks like this in TypeScript: successCallback(rowsThisPage: any, lastRow: number): void
answered Nov 27 '18 at 14:05
XcenoXceno
701519
Thanks. i used gridApi.setServerSideDatasource and pass the filters
– eladr
Nov 29 '18 at 15:09
add a comment |
If you want to redraw the grid, there are several different refresh mechanism ingridApi you could try, depending on your chosen rowModel.
Here's what I normally do with a serverSide rowModel:
gridApi.purgeServerSideCache()
Other types for completeness:
RowModel: Infinite
gridApi.refreshInfiniteCache()
gridApi.purgeInfiniteCache()
RowModel: ClientSide
gridApi.refreshClientSideRowModel()
Further details can be found here, they are a bit scattered though.
However, your question can be interpreted in two ways, and I'm not sure if you really want to redraw your grid.
Instead, when using the serverSide rowModel you should have a onGridReady() callback somwhere in your codebase, in which you setup your enterprise request handler: gridApi.setServerSideDatasource({getRows: myGetRowsHandler}).
Your custom myGetRowsHandler handler should be called on every filter change, sorting, grouping or paging event and gets a parameters object passed into it.
When your request completes, you need to invoke the parameters.successCallback() which looks like this in TypeScript: successCallback(rowsThisPage: any, lastRow: number): void
answered Nov 27 '18 at 14:05
XcenoXceno
701519
Thanks. i used gridApi.setServerSideDatasource and pass the filters
– eladr
Nov 29 '18 at 15:09
add a comment |
If you want to redraw the grid, there are several different refresh mechanism ingridApi you could try, depending on your chosen rowModel.
Here's what I normally do with a serverSide rowModel:
gridApi.purgeServerSideCache()
Other types for completeness:
RowModel: Infinite
gridApi.refreshInfiniteCache()
gridApi.purgeInfiniteCache()
RowModel: ClientSide
gridApi.refreshClientSideRowModel()
Further details can be found here, they are a bit scattered though.
However, your question can be interpreted in two ways, and I'm not sure if you really want to redraw your grid.
Instead, when using the serverSide rowModel you should have a onGridReady() callback somwhere in your codebase, in which you setup your enterprise request handler: gridApi.setServerSideDatasource({getRows: myGetRowsHandler}).
Your custom myGetRowsHandler handler should be called on every filter change, sorting, grouping or paging event and gets a parameters object passed into it.
When your request completes, you need to invoke the parameters.successCallback() which looks like this in TypeScript: successCallback(rowsThisPage: any, lastRow: number): void
answered Nov 27 '18 at 14:05
XcenoXceno
701519
If you want to redraw the grid, there are several different refresh mechanism ingridApi you could try, depending on your chosen rowModel.
Here's what I normally do with a serverSide rowModel:
gridApi.purgeServerSideCache()
Other types for completeness:
RowModel: Infinite
gridApi.refreshInfiniteCache()
gridApi.purgeInfiniteCache()
RowModel: ClientSide
gridApi.refreshClientSideRowModel()
Further details can be found here, they are a bit scattered though.
However, your question can be interpreted in two ways, and I'm not sure if you really want to redraw your grid.
Instead, when using the serverSide rowModel you should have a onGridReady() callback somwhere in your codebase, in which you setup your enterprise request handler: gridApi.setServerSideDatasource({getRows: myGetRowsHandler}).
Your custom myGetRowsHandler handler should be called on every filter change, sorting, grouping or paging event and gets a parameters object passed into it.
When your request completes, you need to invoke the parameters.successCallback() which looks like this in TypeScript: successCallback(rowsThisPage: any, lastRow: number): void
answered Nov 27 '18 at 14:05
XcenoXceno
701519
answered Nov 27 '18 at 14:05
XcenoXceno
701519
answered Nov 27 '18 at 14:05
XcenoXceno
701519
answered Nov 27 '18 at 14:05
XcenoXceno
701519
701519
Thanks. i used gridApi.setServerSideDatasource and pass the filters
– eladr
Nov 29 '18 at 15:09
add a comment |
Thanks. i used gridApi.setServerSideDatasource and pass the filters
– eladr
Nov 29 '18 at 15:09
Thanks. i used gridApi.setServerSideDatasource and pass the filters
– eladr
Nov 29 '18 at 15:09
Thanks. i used gridApi.setServerSideDatasource and pass the filters
– eladr
Nov 29 '18 at 15:09
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53457894%2fimplementing-filter-on-ag-grid-serverside-rowmodeltype%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
