Supported Data Types

This article gets you information related to available data types

chart dataview form grid grouplist list pagelist
XML + + + + + + +
JSON + + + + + + +
JSArray + + + + - + +
CSV + + + + - + +
  • You can use both internal and external data
  • All the mentioned components (except grouplist) has the same data structures (examples below)
  • You can set item's id directly in XML or JSON file

Data Formats (except grouplist)

Initial data

Country Population Estimate
China 1 341 990 000 2011
India 1 193 290 000 2011
United States 311 960 000 2011
Indonesia 237 556 363 2010
XML
<?xml version="1.0" encoding="UTF-8"?>
<data>
  <item id="1">
	<country> China </country>
	<population> 1 341 990 000 </population>
        <year> 2011 </year>
  </item>
  ...
  <item id="4">
	<country>  Indonesia </country>
	<population> 237 556 363 </population>
        <year> 2010 </year>
  </item>
</data>
JSON
[
	{ id:"1", country: "China", population: "1 341 990 000", year: "2011" },
	{ id:"2", country: "India", population: "1 193 290 000", year: "2011" },
	{ id:"3", country: "United States", population: "311 960 000", year: "2011" },
	{ id:"4", country: "Indonesia", population: "237 556 363", year: "2010" }
]
JSArray
[
	[ "China", "1 341 990 000", "2011" ],
	[ "India", "1 193 290 000", "2011"],
	[ "United States", "311 960 000", "2011"],
	[ "Indonesia", "237 556 363", "2010"]
]
CSV
China, 1 341 990 000, 2011
India, 1 193 290 000, 2011
United States, 311 960 000, 2011
Indonesia, 237 556 363, 2010

Data Formats (grouplist)

Initial data

XML
<?xml version="1.0" encoding="UTF-8"?>
<data>
  <item id="group1">
    <title> pop </title>
		<item id="sub_group1">
			<title>ABBA</title>
				<item id="1_1_1">
					<name> Arrival </name>
				</item>
				<item id="1_1_2">
					<name> Ring Ring </name>
				</item>
			<item id="1_2">
				<name> Backstreet Boys </name>
			</item>
		</item>
  </item>
  <item id="group2">
    <title>rock</title>
		<item id="2_1">
			<name> Led Zeppelin </name>
		</item>
		<item id="2_2">
			<name> Aerosmith </name>
		</item>
  </item>
</data>
JSON
[
	{id:"group1", type:"folder", title:"pop", item:[ 
		{id:"sub_group1", type:"folder", title:"ABBA", item:[
			{id:"1_1_1", type:"file", name:"Arrival"},
			{id:"1_1_2", type:"file", name:"Ring Ring"}]
		},
		{id:"1_2", type:"file", name:"Backstreet Boys"}
	]},
	{id:"group2", type:"folder", title:"rock", item:[
		{id:"2_1", type:"file", name:"Led Zeppelin"},
		{id:"2_2", type:"file", name:"Aerosmith"}
	]}
]