examples/grid/binding.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">\r
   2 <html>\r
   3         <head>\r
   4                 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />\r
   5                 <title>Data Binding Example</title>\r
   6             <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
   7         \r
   8                 <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>    \r
   9             <script type="text/javascript" src="../../ext-all-debug.js"></script>\r
  10             <script type="text/javascript" src="binding.js"></script>\r
  11                 <style>\r
  12                         body {\r
  13                                 padding: 15px;\r
  14                         }\r
  15                         .x-panel-mc {\r
  16                                 font-size: 12px;\r
  17                                 line-height: 18px;\r
  18                         }\r
  19                 </style>\r
  20         <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
  21         </head>\r
  22 <body>\r
  23         <h1>Data Binding Example</h1>\r
  24         <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>\r
  25         <p>Note that the js is not minified so it is readable. See <a href="binding.js">binding.js</a>.</p>     \r
  26         <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>    \r
  27         <body>\r
  28                 <div id="binding-example"></div>\r
  29         </body>\r
  30 </html>\r