Client Side Template and jSON help

[mikeallenbrown]

How do I populate a client side template from my list's JSON data?? A static JSON array works but json.stringify doesn't.

Debugger view when using static json data...everything works...
ScreenShot_2015.08.24_016_.jpg

Debugger view when using json.stringify ...data doesn't populate into HTML...
ScreenShot_2015.08.24_017_.jpg

The code...

function claim_info(){
debugger;
//get jSON data from list
var lObj = {dialog.Object}.getControl('Claim_List');

var data = JSON.stringify(lObj.selectionData);  //-- [COLOR="#FF0000"]THIS DOESN'T WORK[/COLOR]

// [COLOR="#FF0000"]THIS WORKS[/COLOR]
//var data = [{"ID": "23082","MRNum": "10-16-14","LastName": "ALLEN","FirstName": "VALENCIA","ClientID": "5037","Sex": "F","DOB": "04/28/1960","Age": "55","Address": "3730 W 27TH ST APT11","City": "LOS ANGELES","State": "CA","Zip": "90018","PrimDiag": "496","SOC": "10/16/2014","Status": "Active","rpt_month": "5","rpt_year": "2015","Claim_GUID": "c853f7ed-1d5e-4da1-a8df-442b6e18c477","Has_error": "0","On_Hold": "0","Error_Checked": "0","CompanyName": "LA CARE HEALTH PLAN"}]

//set template
var template = [
	'{*root}',
	'<b>Patient Name:</b> {LastName}, {FirstName}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b>MR#:</b> {MRNum}<br><br>',
	'<b>Status:</b> {Status}<b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SOC:</b> {SOC}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>DOB:</b> {DOB}&nbsp;&nbsp;&nbsp;&nbsp;<b>Age:</b> {Age}<br><br>',
	'<b>Address:</b> {Address}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Primary Diagnosis:</b> {PrimDiag}</br>',
	'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{City}<br>',
	'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{Zip}, {State} {Zip}<br>',
	'{/*root}'].join('');

var html = A5.u.template.expand(data,{template:template});

//bring PNL_CLAIM_INFO into view
{dialog.object}.panelSetActive('PNL_CLAIM_INFO');

//populate template
var ele = $('HOME_PATIENT_CL_HCDU.R1.PANEL.0.PANEL.1.PANEL.2.BODY');
ele.innerHTML = html

}

[Davidk]

Re: Client Side Template and jSON help

I believe using .stringify is not required. What you're doing is taking a JSON Array and turning it into a string. Not something you need, or want, to do.

You'll notice that what works for you is an Array.

If you assign your list data to your variable, you'll see that it is already an array.

var data = lObj.selectionData;

And should produce the results you want. It's tough to be certain without a small test UX to work with.

[mikeallenbrown]

Re: Client Side Template and jSON help

Thank you, David. You're right. Followed your suggestion and used just var data = lObj.selectionData; and that worked perfectly. Thank you again.