commit extjs-2.2.1
[extjs.git] / 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