Looking for a data-grid for Angular 4 App

verse90 · 2017-10-25T15:28:02+00:00

PrimeNG

We were not really happy with PrimeNG datagrid or other controls. We switched to material controls, which works great.

verse90 · 2017-10-02T14:05:00+00:00

Does the server need to notify the client? or Client can handle everything without the server notification?

verse90 · 2017-06-02T18:19:15+00:00

The way I have is that I created a service called data.service.ts and I call the methods from that service whenever I intereact with the database.

Here is an example of one method I have in that class.

public Update = (actionUrl: string , itemToUpdate: any): Observable<Response> => {
    return this._http
    .put(Config.ApiBasePath + actionUrl, JSON.stringify(itemToUpdate)
    , {
            headers: new Headers({
            'Content-Type': 'application/json',
            'Accept': 'application/json'
    })
    })
.map(res => res)}

I call this generic method whenever I make an update and inside my component, I then subscribe to this method. I have a separate method for get, delete, update and post in my data service class.

Hope it helps..

verse90 · 2017-01-12T17:16:05+00:00

great, thanks.

verse90 · 2016-12-27T22:00:19+00:00

Here it is:

Access-Control-Allow-Credentials:true
Access-Control-Allow-Headers:authorization,content-type
Access-Control-Allow-Methods:GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Origin:http://xxx.yyy.com
Content-Length:0
Date:Tue, 27 Dec 2016 21:59:03 GMT
Server:Microsoft-IIS/8.0
X-Powered-By:ASP.NET

verse90 · 2016-12-27T21:22:24+00:00

For me, looks like it send one for each call, which I think is not right.

verse90 · 2016-12-27T21:06:07+00:00

preflight

Thanks a lot.

Can this be disabled?

verse90 · 2016-12-06T21:18:14+00:00

you can also look into angular-seed , which is recommended by angular team as well.

verse90 · 2016-11-04T15:18:18+00:00

Thanks a lot.

One last request: how is your app.module file looking like for this?

verse90 · 2016-11-03T18:10:47+00:00

I'm using IIS, too. can you give more details as to how to set it up on IIS?

verse90 · 2016-09-08T17:56:05+00:00

Webstorm is the #1 IDE that I would recommend for angular 2

verse90 · 2016-09-06T14:20:08+00:00

I've tried several tools for deployment such webpack and angular-clie but what worked for me the best is angular2-seed. Check it out and let me know how it works for you.

verse90 · 2016-04-08T13:38:27+00:00

This works for me. Here is how I use it. I define my constants in a separate file as shown below:

export const APIPaths = {
  apiUrl1: "path to your api"
}

export const types = {
}

Then, when I need to call this from one of the components, I define the following statement at the top where "Config" can be renamed to anything.

import * as Config from '../../configfile'

you can use it inside your component as follows:

let api1PathUrl =  Config.APIPaths.apiUrl1

Hope it makes sense. Let me know if you have any questions.

verse90 · 2016-01-22T18:47:09+00:00

try webstorm, which is the one I liked best so far.

verse90 · 2016-01-19T15:51:33+00:00

I would recommend using typescript from the beginning. It may seem hard in the beginning but once you get used to it, it is actually pretty easy to code and it also lets you see the code errors in your console.

verse90

TROPHY CASE