search

josebalius / react-grid

MIT License
14 stars 0 forks source link

API exposured #2

Open elaijuh opened 9 years ago

elaijuh commented 9 years ago

Just want to get a rough idea on how you will design the API. As I'm pretty after the way ng-grid 3.0 does, it probably not a best idea to config everything in gridOptions ?

josebalius commented 9 years ago

@elaijuh The goal is define an API for React only apps that is friendly and efficient, then build out API adapters for both Angular 1.x, and 2.x.

I am open for any ideas you have and letting you guys come up with the best design possible.

The current ReactJS API that is in place today works like this:

<ReactGrid data={assignStudents}
                               style={{marginLeft: offset.marginLeft, marginRight: offset.marginRight, marginBottom: 50}}>
         <ReactGridColumn label="Assigned" field="stuname"
                                         renderer={this.assignedCellRenderer.bind(this)}
                                         className="text-center"/>
        <ReactGridColumn label="Student Names" field="stuname" width="20%" />
        <ReactGridColumn label="Student ID" field="stuid"/>
        <ReactGridColumn label="Address" field="stuaddr" width="20%"/>
</ReactGrid>

What would be really nice is to try to mimic that declarative style with Angular directives.