[amit.dube.msParticipant]

Thanks, It worked.

In addition to the above, I called ‘updateboundata’ with “data” as parameter, since in typescript, it will not allow calling a function without parameter.

And i need to assign data array to ‘localdata’ property of source. Code is shown below.

    this.gridSource.localdata = this.accessorialCharges;
     this.grid.widgetObject.updatebounddata("data");

[amit.dube.msParticipant]

Hi Ivo,

I have already tried jqxGrid method ‘updatebounddata but it is not updating the data in the grid. Grid remains empty.

Moreover, I have also tried jqxGrid method ‘refresh’, that too, didnt work

Thanks
Amit Dube

[amit.dube.msParticipant]

Column Definition in typescript

let col = {
                datafield: colList[i].field,
                text: colList[i].header,
                width: colList[i].style.width,
                hidden:colList[i].hidden,
                resizable : true,
                editable: false,
                cellsrenderer: (row, columnfield, value, defaulthtml, columnproperties) => {

                }
            }
            if(colList[i].field === 'tktNo'){
                col.cellsrenderer = (row?: Number, columnfield?: String, value?: any, defaulthtml?: String, columnproperties?: any, rowdata?: any) => {

                    return "<a [routerLink]=['/wmlsp/ticketdetail/" + rowdata.tktId +"']>"+ value +"</a>";
                }
            }

Source definition

this.gridSource=
           {
                datatype: "array",
                datafields: datafields,
                id: id,
                localdata:null
            };
            if(localdata){
              source.localdata = localdata;
            }

Grid Widget Creation is done as below

let dataAdapter = new $.jqx.dataAdapter(this.gridSource);
   this.gridSettings.source = dataAdapter;
   this.ticketsGrid.createWidget(this.gridSettings);

[amit.dube.msParticipant]

I am trying to include a hyperlink in one column of JQX Grid (Angular 2 Component), however, it seems if the routerLink Attribute Directive is used in cellrenderer function of Grid Column, it gets rendered as it is and link could not be navigated.

Is there any way to include router link in the column definition

Or any other way to create a link which navigates to angular route

[Author]

Posts