Is it possible to use the hypergrid in an angular 1/2 component?

[wcom939]

Hi ,

I am looking to use this with an angular 2 component such that the data is retrieved on the component side and then the datasource is updated for the grid.

By any chance do you have an example of this grid working with an angular 2 component?

Thanks,
Dan

[Dwaynekj]

Hello @wcom939 We do not have currently have an angular example. It is on our long term roadmap. Please note that Hypergrid can bind to data through passing an array of objects

var myArr = [
{col1: "a", col2: "a", col3: "a"},
{col1: "b", col2: "b", col3: "b"},
{col1: "c", col2: "c", col3: "c"}
];

myGrid.setData(myArr);

[osbert-messerfs]

Hi @wcom939,

I cannot provide a concrete example here but it is definitely possible. We are using fin-hypergrid in our projects fused with angular 1.5 component syntax, so angular 2 is probably ok (understanding Angular 1 and Angular 2 are two different frameworks). I guess you can derive from the JSON behavior and call setData anytime you have an update on the data. Previously we were using ng-repeat table and the performance was quite frustrating for huge number of rows, and fin-hypergrid just to the rescue.

[Dwaynekj]

@osbert-messerfs Thank you so much for chiming in! We haven't yet gotten familiar with Angular 2 so its awesome to have your input!

[Dwaynekj]

@edyhuang

Another question, I am trying to intergrate hypergrid with angular4.
Having issues instantiating Hypergrid in an Angular component. I kept
getting Hypergrid not a constructor when doing new Hypergrid(...)

I am using the library pulled from npm registry for fin-Hypergrid

Can you please help?

Thanks
Edward

[nowherenearithaca]

@Dwaynekj Any gotchas you remember for angular integration?