2 |
aperonnet |
1 |
<html>
|
|
|
2 |
<head>
|
|
|
3 |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
|
|
4 |
<title>Custom Fields</title>
|
|
|
5 |
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
|
|
|
6 |
|
|
|
7 |
<!-- GC -->
|
|
|
8 |
<!-- LIBS -->
|
|
|
9 |
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
|
|
|
10 |
<!-- ENDLIBS -->
|
|
|
11 |
|
|
|
12 |
<script type="text/javascript" src="../../ext-all.js"></script>
|
|
|
13 |
|
|
|
14 |
<script type="text/javascript" src="SearchField.js"></script>
|
|
|
15 |
<script type="text/javascript" src="custom.js"></script>
|
|
|
16 |
<link rel="stylesheet" type="text/css" href="combos.css" />
|
|
|
17 |
|
|
|
18 |
<style type="text/css">
|
|
|
19 |
#search-results a {
|
|
|
20 |
color: #385F95;
|
|
|
21 |
font:bold 11px tahoma, arial, helvetica, sans-serif;
|
|
|
22 |
text-decoration:none;
|
|
|
23 |
}
|
|
|
24 |
#search-results a:hover {
|
|
|
25 |
text-decoration:underline;
|
|
|
26 |
}
|
|
|
27 |
#search-results .search-item {
|
|
|
28 |
padding:5px;
|
|
|
29 |
}
|
|
|
30 |
#search-results p {
|
|
|
31 |
margin:3px !important;
|
|
|
32 |
}
|
|
|
33 |
#search-results {
|
|
|
34 |
border-bottom:1px solid #ddd;
|
|
|
35 |
margin: 0 1px;
|
|
|
36 |
height:300px;
|
|
|
37 |
overflow:auto;
|
|
|
38 |
}
|
|
|
39 |
#search-results .x-toolbar {
|
|
|
40 |
border:0 none;
|
|
|
41 |
}
|
|
|
42 |
</style>
|
|
|
43 |
|
|
|
44 |
<!-- Common Styles for the examples -->
|
|
|
45 |
<link rel="stylesheet" type="text/css" href="../examples.css" />
|
|
|
46 |
</head>
|
|
|
47 |
<body>
|
|
|
48 |
<script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
|
|
|
49 |
<p>
|
|
|
50 |
<b>Custom Form Fields</b><br />
|
|
|
51 |
Ext provides many types of form fields to build interactive and rich forms. However, it also
|
|
|
52 |
provides a complete framework for building new types of fields quickly. The search field below
|
|
|
53 |
is an example.
|
|
|
54 |
</p>
|
|
|
55 |
<p>The js is not minified so it is readable. See <a href="custom.js">custom.js</a>.</p>
|
|
|
56 |
|
|
|
57 |
<div style="width:600px;" id="search-panel">
|
|
|
58 |
</div>
|
|
|
59 |
|
|
|
60 |
</body>
|
|
|
61 |
</html>
|