Get Inner Json data in Dhtmlx

[{“id”:1,“baseProduct”:“Book”,
“category”:
[{“categoryId”:2,
“categoryName”:“Spiritual Life”
},
{“categoryId”:3,
“categoryName”:“Social Life”
},
{“categoryId”:4,
“categoryName”:“Novel”
},
{“categoryId”:5,
“categoryName”:“For Children”
}]}
i have json data like this how to display “categoryName” a separate colum…? :unamused:

Touch library does not provide Tree view. You can consider Group list:
samples/04_list/03_grouplist.html

Or you can display only books names in a list:

var listdata= [{"id":1,"baseProduct":"Book", "category": [ {"categoryId":2, "categoryName":"Spiritual Life"}, {"categoryId":3, "categoryName":"Social Life"} ] }]; dhx.ui({ view: "list", template: "categoryName", data: listdata[0].category });

dhx.ui({
container:“grid_container”,
rows:[{
id:“grid”,
view:“grid”,
select:“multiselect”,
fields:[
{
id:“id”,
width:50,
sort:{
as:“int”
}
},
{
id:“baseProduct”,
width:600,
label:“Package Name”,
template:function(record)
{
for(var i=0;i<record.category.length;i++)
{
console.log(record.category[i].categoryName);
return record.baseProduct+""+record.category[i].categoryName+"";
}
},
type:“custom”
}
],
datatype:“json”, url:“data/jsonurl.json”
}]
});
now i can display current categoryName & list out the categoryName into console.