[{“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…?
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.