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>
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>