source: trunk/web/addons/job_monarch/lib/extjs-30/examples/form/form-grid.html @ 625

Last change on this file since 625 was 625, checked in by ramonb, 15 years ago

lib/extjs-30:

  • new ExtJS 3.0
File size: 1.8 KB
RevLine 
[625]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>Form with embedded Grid</title>
6    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css"/>
7
8    <!-- GC -->
9    <!-- LIBS -->
10    <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
11    <!-- ENDLIBS -->
12
13    <script type="text/javascript" src="../../ext-all-debug.js"></script>
14
15    <script type="text/javascript" src="../shared/code-display.js"></script>
16    <script type="text/javascript" src="form-grid.js"></script>
17    <link rel="stylesheet" type="text/css" href="forms.css"/>
18
19    <!-- Common Styles for the examples -->
20    <link rel="stylesheet" type="text/css" href="../shared/examples.css"/>
21    <style type="text/css">
22        p {
23            width: 750px;
24        }
25        .ext-ie .x-form-check-wrap, .ext-gecko .x-form-check-wrap {
26            padding-top: 3px;
27        }
28        fieldset legend {
29            white-space: nowrap;
30        }
31    </style>
32</head>
33<body>
34<script type="text/javascript" src="../shared/examples.js"></script>
35<!-- EXAMPLES -->
36<h1>Dynamic Form interacting with an embedded Grid</h1>
37
38<p>
39    This Form demonstrates the fact that by virtue of inheriting from the Ext <b><tt>Container</tt></b>
40    class, an Ext.form.FormPanel can contain any Ext <b><tt>Component</tt></b>. This includes all the
41    subclasses of Ext.Panel, including the GridPanel.
42</p>
43<p>
44    The Grid demonstrates the use of creation of derived fields in a Record created using a custom
45    <b><tt>convert</tt></b> function, and the use of column renderers.
46</p>
47<p>
48    The Form demonstrates the use of radio buttons grouped by name being set by the value of the derived
49    'rating' field.
50</p>
51</body>
52</html>
Note: See TracBrowser for help on using the repository browser.