git.roojs.org Git - roojs1/blob - examples/form/combocheck.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
   2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
   3 <html>
   4     <head>
   5         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   6         <title>Forms</title>
   7
   8         <link rel="stylesheet" type="text/css" href="../../css/roojs-debug.css"/>
   9         <link rel="stylesheet" type="text/css" href="../../css/xtheme-slate.css"/>
  10          <link rel="stylesheet" type="text/css" href="../../css/inline-editor.css"/>
  11
  12         <style>
  13
  14         .roodocs-formblock
  15         {
  16             border:4px solid #CCCCCC;
  17             padding:5px 0pt 5px 10px;
  18         }
  19
  20
  21         </style>
  22     </head>
  23     <body>
  24
  25         <h1>Combo Multiselect checkbox example</h1>
  26         <p>
  27             Demostration of combo multiselect
  28         </p>
  29
  30         <p>The js is not minified so it is readable. See
  31         <button type="button" onclick="RooDocs.viewSource.show('/combocheck.js')">combocheck.js</button> and
  32         <button type="button" onclick="RooDocs.viewSource.show('/combocheck.html')">combocheck.html</button>
  33         .</p>
  34
  35
  36
  37
  38         <div style="width:900px;"  class="roodocs-formblock">
  39             <h3>Display Form</h3>
  40             <div id="form-ct5"></div>
  41         </div>
  42
  43
  44
  45         <div class="x-form-clear"></div>
  46 <PRE>
  47 Notes:
  48
  49 ComboCheckbox:
  50
  51 a) Similar to ComboBox
  52 b) selecting a row changes the checkbox state (does not hide the checkbox)
  53 c) has 'ok' button at bottom, does the same as collasping it.
  54 d) fires changed event on close (and 'dirty' = eg. something changed.)
  55 e) hiddenName input value has to contain JSON [ x,x,x,x,x,x ] (id's of selected items)
  56 f) displayString (function) can be used to override what get's displayed in the box.
  57
  58
  59
  60
  61 </PRE>
  62
  63         <script type="text/javascript" src="../../roojs-debug.js"></script>
  64         <!-- testing new code.. -->
  65        <!-- <script type="text/javascript" src="../../Roo/View.js"></script>
  66        <script type="text/javascript" src="../../Roo/form/ComboCheck.js"></script>
  67        -->
  68         <script type="text/javascript" src="states.js"></script>
  69
  70         <script type="text/javascript" src="../examples.js"></script>
  71         <script type="text/javascript" src="combocheck.js"></script>
  72     </body>
  73 </html>