← Back to branch summary

~cdparra/gelee/trunk

« back to all changes in this revision

Viewing changes to webui/ecosystem/workspace/extjs/examples/form/forum-search.html

  • Committer: parra
  • Date: 2010-03-15 15:56:56 UTC
  • Revision ID: svn-v4:ac5bba68-f036-4e09-846e-8f32731cc928:trunk/gelee:1448
merged gelee at svn

Show diffs side-by-side

added added

removed removed

Lines of Context:
webui/ecosystem/workspace/extjs/examples/form/forum-search.html
 
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>ComboBox - Live Search</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.js"></script>
 
14
 
 
15
    <script type="text/javascript" src="forum-search.js"></script>
 
16
    <link rel="stylesheet" type="text/css" href="combos.css" />
 
17
 
 
18
    <!-- Common Styles for the examples -->
 
19
    <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
 
20
    <style type="text/css">
 
21
        p { width:650px; }
 
22
    </style>
 
23
</head>
 
24
<body>
 
25
<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
 
26
<p>
 
27
    <b>Combo with Templates and Ajax</b><br />
 
28
    This is a more advanced example that shows how you can combine paging, Ext.Template and a remote data store
 
29
    to create a "live search" feature.
 
30
</p>
 
31
<p>The js is not minified so it is readable. See <a href="forum-search.js">forum-search.js</a>.</p>
 
32
 
 
33
<!-- The box wrap markup embedded instead of using Element.boxWrap() -->
 
34
<div style="width:600px;">
 
35
    <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
 
36
    <div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
 
37
        <h3 style="margin-bottom:5px;">Search the Ext Forums</h3>
 
38
        <input type="text" size="40" name="search" id="search" />
 
39
        <div style="padding-top:4px;">
 
40
            Live search requires a minimum of 4 characters.
 
41
        </div>
 
42
    </div></div></div>
 
43
    <div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>
 
44
</div>
 
45
        
 
46
</body>
 
47
</html>