examples/grid/binding.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3         <head>
   4                 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   5                 <title>Data Binding Example</title>
   6     <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
   7     <!-- GC -->
   8
   9                 <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  10             <script type="text/javascript" src="../../ext-all-debug.js"></script>
  11             <script type="text/javascript" src="binding.js"></script>
  12                 <style type="text/css">
  13                         body {
  14                                 padding: 15px;
  15                         }
  16                         .x-panel-mc {
  17                                 font-size: 12px;
  18                                 line-height: 18px;
  19                         }
  20                 </style>
  21         <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
  22         </head>
  23 <body>
  24         <h1>Data Binding Example</h1>
  25         <p>This example expands upon the <a href="xml-grid.html">XML Grid example</a> and shows how to implement data binding for a master-detail view.</p>
  26         <p>Note that the js is not minified so it is readable. See <a href="binding.js">binding.js</a>.</p>
  27         <p>You can find a more advanced example of the same code which abstracts each piece of this simple application into multiple classes in <a href="binding-with-classes.html">Data Binding Example - Implemented with classes</a>.</p>
  28         <body>
  29                 <div id="binding-example"></div>
  30         </body>
  31 </html>