topic Re: HTML rendering in a column in a dgrid in ArcGIS Web AppBuilder Questions

HTML rendering in a column in a dgrid

AndrewTerwiel — Tue, 07 Jul 2015 04:51:53 GMT

Does anyone know how I can get html to render in a dgrid column?

This is what I'm trying to do:

var linksData = [

{ link: ' DP Plans' },

{ link: 'T1 Land' },

{ link: 'T1 Property' }

];

var linksGrid = new Grid({

showHeader: false,

className: "dgrid-autoheight",

columns: {

link: 'link'

}

});

linksGrid.renderArray(linksData);

The result of this code is that I see the literal string in the first row's column. I'd like the html to be rendered by the browser.

Re: HTML rendering in a column in a dgrid

RobertScheitlin__GISP — Tue, 07 Jul 2015 12:30:17 GMT

Andrew,

You are going to have to use a renderCell function for your first column. I have never used renderArray so I am not sure how that works in with renderCell but here is a link you can refer to:

javascript - renderCell function not being called? - Stack Overflow

Re: HTML rendering in a column in a dgrid

AndrewTerwiel — Tue, 07 Jul 2015 22:17:18 GMT

Thanks, Robert. You put me on the right track. I ended up using the formatter function like so:

var linksData = [

{ link: ' DP Plans' },

{ link: ' T1 Land' },

{ link: ' T1 Property' }

];

var linksGrid = new Grid({

showHeader: false,

className: "dgrid-autoheight",

columns: {

link: {

label: 'link',

formatter: function (item) {

return item;

}

});

This has made the browser render the span element correctly so that I get a nice little icon next to my link text.