examples/form/nestedcombo.html
[roojs1] / examples / form / nestedcombo.html
index e69de29..38e3ada 100644 (file)
@@ -0,0 +1,73 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+        <title>Forms</title>
+        
+        <link rel="stylesheet" type="text/css" href="../../css/roojs-debug.css"/>
+        <link rel="stylesheet" type="text/css" href="../../css/xtheme-slate.css"/>
+        <link rel="stylesheet" type="text/css" href="../../css/inline-editor.css"/>
+       
+        <style>
+         
+        .roodocs-formblock
+        {
+            border:4px solid #CCCCCC;
+            padding:5px 0pt 5px 10px;
+        }
+        
+         
+        </style>
+    </head>
+    <body>
+            
+        <h1>Nested Combo example</h1>
+        <p>
+            Demostration of nested multicolumned combo
+        </p>
+
+        <p>The js is not minified so it is readable. See 
+        <button type="button" onclick="RooDocs.viewSource.show('/nestedcombo.js')">nestedcombo.js</button> and 
+        <button type="button" onclick="RooDocs.viewSource.show('/nestedcombo.html')">nestedcombo.html</button>
+        .</p>
+
+
+
+
+        <div style="width:900px;"  class="roodocs-formblock">
+            <h3>Display Form</h3>
+            <div id="form-ct5"></div>
+        </div>
+
+         
+
+        <div class="x-form-clear"></div>
+<PRE>
+Notes:
+
+ComboCheckbox:
+
+a) Similar to ComboBox
+b) selecting a row changes the checkbox state (does not hide the checkbox)
+c) has 'ok' button at bottom, does the same as collasping it.
+d) fires changed event on close (and 'dirty' = eg. something changed.)
+e) hiddenName input value has to contain JSON [ x,x,x,x,x,x ] (id's of selected items)
+f) displayString (function) can be used to override what get's displayed in the box.
+
+
+    
+    
+</PRE>
+
+        <script type="text/javascript" src="../../roojs-debug.js"></script>   
+        <!-- testing new code.. -->
+       <!-- <script type="text/javascript" src="../../Roo/View.js"></script>      
+       <script type="text/javascript" src="../../Roo/form/ComboCheck.js"></script> 
+       -->
+        <script type="text/javascript" src="states.js"></script>
+
+        <script type="text/javascript" src="../examples.js"></script>        
+        <script type="text/javascript" src="combocheck.js"></script>        
+    </body>
+</html>