rt/archetype/src/main/resources/archetype-resources/src/main/resources/index.html
author Jaroslav Tulach <jaroslav.tulach@apidesign.org>
Tue, 26 Mar 2013 09:29:05 +0100
changeset 893 20fb32569339
parent 870 448bed1f6d5a
permissions -rw-r--r--
Richer example showing Knockout operations with arrays/lists and ability to receive parameters from an event
     1 <?xml version="1.0" encoding="UTF-8"?>
     2 <!DOCTYPE html>
     3 <html xmlns="http://www.w3.org/1999/xhtml">
     4     <head>
     5         <title>Bck2Brwsr's Hello World</title>
     6     </head>
     7     <body>
     8         <h1 data-bind="text: helloMessage">Loading Bck2Brwsr's Hello World...</h1>
     9         Your name: <input id='input' data-bind="value: name, valueUpdate: 'afterkeydown'"></input>
    10         <button id="hello">Say Hello!</button>
    11         <p>
    12             <canvas id="canvas" width="300" height="50">
    13             </canvas>
    14         </p>
    15         
    16         
    17         <div data-bind="if: noMessages">No message displayed yet.</div>
    18         <ul data-bind="foreach: messages">
    19             <li>
    20                 <a href="#" data-bind="text: $data, click: $root.display"></a>
    21                 (<a href="#" data-bind="click: $root.remove">delete</a>)
    22             </li>
    23         </ul>
    24       
    25         <script src="bck2brwsr.js"></script>
    26         <script type="text/javascript">
    27             var vm = bck2brwsr('${artifactId}-${version}.jar');
    28             vm.loadClass('${package}.App');
    29         </script>
    30     </body>
    31 </html>