VS Toolkit

Create your first application

JavaScript bootstrap: "myApp.js" 

var myApp = vs.core.createClass ({

  /** parent class */
  parent: vs.ui.Application,

  /** called when vs.ui.Application.start (); is called */
  applicationStarted : function (event) {
  …
  }
});

new myApp ({id:"_myApp_"}).init ();
vs.ui.Application.start ();

HTML 

<!DOCTYPE html>
<html id="_myApp_">
<head>
<link rel="stylesheet" type="text/css" href="lib/css/vs_ui.css">
<link rel="stylesheet" type="text/css" href="lib/css/vs_ui_ios.css">
<link rel="stylesheet" type="text/css" href="css/myApp.css">

<script type="text/javascript" src="lib/js/vs_util.js"></script>
<script type="text/javascript" src="lib/js/vs_core.js"></script>
<script type="text/javascript" src="lib/js/vs_data.js"></script>
<script type="text/javascript" src="lib/js/vs_ui.js"></script>
<script type="text/javascript" src="lib/js/vs_fx.js"></script>
<script type="text/javascript" src="lib/js/vs_ext.js"></script>
<script type="text/javascript" src="lib/js/vs_ext_fx.js"></script>
<script type="text/javascript" src="js/myApp.js"></script>

</head>
<body class="application" x-hag-hole="children"
    onload="loadApplication ()">
</body>
</html>
© 2013 David Thevenin, ViniSketch, IGEL.