data-view.html 1.2 KB

1234567891011121314151617181920212223242526272829
  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>DataView Example</title>
  6. <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  7. <link rel="stylesheet" type="text/css" href="../shared/example.css" />
  8. <link rel="stylesheet" type="text/css" href="data-view.css" />
  9. <!-- GC -->
  10. <script type="text/javascript" src="../../ext-all.js"></script>
  11. <script type="text/javascript" src="data-view.js"></script>
  12. </head>
  13. <body>
  14. <h1>DataView Example</h1>
  15. <p>This example shows how to use an Ext.view.View. It demonstrates editable labels (click<br />
  16. any of the photo labels), basic multi-select (using ctrl or shift) and drag selection.</p>
  17. <br />
  18. <p>The source for this example can be viewed by clicking on <a href="data-view.js">data-view.js</a>. <br />
  19. It uses the plugins in the <a href="../ux/DataView/LabelEditor.js">../ux/DataView/LabelEditor.js</a> and <br />
  20. <a href="../ux/DataView/DragSelector.js">../ux/DataView/DragSelector.js</a> files.
  21. </p>
  22. <div id="dataview-example"></div>
  23. </body>
  24. </html>