Popup Usage Example

index.html

<!DOCTYPE html>
<html>
	<head>
		<meta  name = "viewport" content = "initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no">
		<link rel="stylesheet" href="../../../codebase/touchui.css" type="text/css" media="screen" charset="utf-8">
		<script src="../../../codebase/touchui.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
 
		<script type="text/javascript" charset="utf-8">
			dhx.ui({
				rows:[
						{ 	view:"toolbar", type:"MainBar", data:[
								{ type:"button", label: 'Menu', popup:"Menu1"},
							]
						}
				]
			});
 
			dhx.ui({
				view:"popup",
				id:"Menu1",
				body:{
					view:"list",
					url:"xml/menu.xml", datatype:"xml",
					select:true, y_count:3
				}
			}).hide();
		</script>
	</body>
</html>

XML structure

menu.xml

<?xml version="1.0" encoding="UTF-8"?>
<data>
  <item id="1">
    <name>Load data</name>
  </item>
  <item id="2">
    <name>Save data</name>
  </item>
  <item id="3">
    <name>Exit</name>
  </item>
</data>