Comments (1)
On your (gridStateChanged)
configuration, you can loop through the columns to get the filter.
// this.columns is the variable that you have passed to the grid.
// Using: [columns]="columns"
const filter = {};
this.columns.forEach(v => {
filter[v.field] = v.filterText ? v.filterText.trim() : null
});
// now for ordering:
let asc = false;
let sortBy = 'id';
const sortColumn = this.columns.find(x => x.sort != null);
if (sortColumn) {
sortBy = sortColumn.field;
asc = sortColumn.sort != 'desc'
}
// and finally something like this:
// Since filter is an object and can be multiple, we pass as object in HTTP POST
this.http.post<any>(`grid-endpoint?page=${page}&sortBy=${sortBy}&asc=${asc}`, filter).subscribe(response => {
// ... something like this based on response
this.rows = response;
this.totalRows = response.total;
});
from ti-grid.
Related Issues (11)
- Invalid total count when [rows] is passed via @Input()
- Set Column Width HOT 1
- Add [button] on first header column HOT 1
- It's good to have control over search field. HOT 1
- Stackblitz demo is not working.
- Make columns optional when fetching json data from url HOT 1
- Add [sortable] property in columns to avoid sorting for that column
- Context menu should appear right below the row
- Search funtionalitity is not working
- bind array of data HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ti-grid.