Angular 2 Jqxgrid

[Ivo ZhulevParticipant]

Hi fresher,

You say resolveCLick is a method in your component. Then you must call it with this – onclick='this.resolveCLick()

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[fresherParticipant]

Hi ivo,

We have tried the same but unable to resolve the issue , you can find the video of the issue in below

JqGrid CellRenderer Issue Angular 2

Or else here

http://sudhirpaturu.blogspot.in/2016/10/jqwidgetsgrid-issue.html

[Ivo ZhulevParticipant]

Hi fresher,

Maybe dont use cellsRenderer. Attach yourself to the grid cellclick event.
Inside check if the column clicked is the one you need and if so do your job.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[fresherParticipant]

Hi Ivo Zhulev,

We have tried the same but that is not working , can you provide the code which can work??

Please provide details in implementing the cell click event emitter, where to initialize and all

We implemented grid.OnCellClick but that is not firing.

[fresherParticipant]

Any Update On the above, we are eagerly waiting as we are evaluating on building a pilot project(POC) with Angular 2 and jqWidgets Integration.

Thanks in Advance!

[Ivo ZhulevParticipant]

Hi fresher,

Attach yourself to the event cellclick of jqxGrid (for example: <angularGrid #gridReference (onCellclick)='cellClick($event)'></angularGrid>)
and then check if the column is the one you need (as i`ve seen you need the ‘Action’ one) and do your job there:

cellClick(event: any): void
{
    if (event.args.datafield === 'Action')
    {
        alert('cell rendered');
    }
}

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[fresherParticipant]

Hi,

I am binding the data to the grid with the columns and data below. I am formatting on column with the currency format, but it is not applying.

I am applying the cellsformat as “c2” for column ‘Bill Amount (USD)’ but is not applying

Columns:

private BillDetailsColumns: any = [
{
“text”: “Bill #”,
“dataField”: “billNumber”,
“cellsrenderer”: (row) => this.setBill(row, this.billsData),
“type”: “string”,
“editable”: false,
“cellsformat”: “”,
“aggregates”: “”,
“filtertype”: “”,
“width”: “18%”
},
{
“text”: “Period”,
“dataField”: “serviceFromDate”,
“cellsrenderer”: (row) => this.setPeriod(row, this.billsData),
“type”: “date”,
“editable”: false,
“cellsformat”: “”,
“aggregates”: “”,
“filtertype”: “”,
“width”: “11%”
},
{
“text”: “Days”,
“dataField”: “numberOfServiceDays”,
“type”: “int”,
“editable”: false,
“cellsformat”: “”,
“aggregates”: “”,
“filtertype”: “”,
“width”: “6%”
},
{
“text”: “Bill Date”,
“dataField”: “billDate”,
“type”: “date”,
“editable”: false,
“cellsformat”: “”,
“aggregates”: “”,
“filtertype”: “”,
“width”: “11%”
},
{
“text”: “Bill Amount (USD)”,
“dataField”: “billAmount”,
“type”: “float”,
“editable”: false,
“cellsformat”: “c2”,
“aggregates”: “”,
“filtertype”: “”,
“width”: “10%”
}];

Json Data:
[
{
“billId”: 11112,
“billNumber”: “755-013629-01TWSA052013”,
“serviceFromDate”: “05/07/2013”,
“serviceToDate”: “06/05/2013”,
“billAmount”: “-1283.9700”
},
{
“billId”: 11112,
“billNumber”: “755-013629-01TWSA052013”,
“serviceFromDate”: “05/07/2013”,
“serviceToDate”: “06/05/2013”,
“billAmount”: “-1283.9700”
}];

Could you please provide the solution, it will be helpful

Thanks in Advance.

[Ivo ZhulevParticipant]

Hi fresher,

I’ve tested with your JSON data and exact same config and it worked.
Maybe share some more code?

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts