git.infodrom.org Git - infodrom/rico3/blob - examples/asp/tree1.asp

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">\r
   2 <html>\r
   3 <head>\r
   4 <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
   5 <title>Rico-Tree Control</title>\r
   6
   7 <!-- #INCLUDE FILE = "../../plugins/asp/LoadRicoClient.asp" -->\r
   8 <%\r
   9 Dim RicoClient\r
  10 set RicoClient = new LoadRicoClient\r
  11 RicoClient.SetRicoClientParentPath "../../ricoClient/"\r
  12 RicoClient.CheckQueryString   ' just for demo\r
  13 RicoClient.CreateLinks\r
  14 set RicoClient = Nothing\r
  15 %>\r
  16 \r
  17 <link href="../demo.css" type="text/css" rel="stylesheet" />\r
  18 \r
  19 <script type='text/javascript'>\r
  20 var tree1;\r
  21 \r
  22 // initialize tree\r
  23 Rico.onLoad( function() {\r
  24   tree1=new Rico.TreeControl("tree1", "CustTree.asp");\r
  25   tree1.atLoad();\r
  26   tree1.returnValue=function(newVal) { Rico.$('TreeValue1').value=newVal; };\r
  27   Rico.eventBind('TreeButton1', 'click', Rico.eventHandle(window,'TreeClick1'));\r
  28 });\r
  29 \r
  30 function TreeClick1(e) {\r
  31   if (Rico.visible(tree1.container)) {\r
  32     tree1.close();\r
  33   } else {\r
  34     Rico.positionCtlOverIcon(tree1.container,Rico.$('TreeButton1'));\r
  35     tree1.open();\r
  36   }\r
  37   Rico.eventStop(e);\r
  38 }\r
  39 </script>\r
  40
  41 </head>\r
  42 \r
  43 <body>
  44 \r
  45 <div id='explanation'>\r
  46 Base Library: \r
  47 <script type='text/javascript'>\r
  48 document.write(Rico.Lib+' '+Rico.LibVersion);\r
  49 </script>\r
  50 <hr>\r
  51 <p>This example demonstrates a basic, pop-up tree control where the tree nodes are loaded via AJAX.\r
  52 Only one item is selected from the tree at a time.\r
  53 Data is from the Northwind customer table.\r
  54 </div>\r
  55 \r
  56 \r
  57 <p><button id='TreeButton1'>Show Tree</button>\r
  58 <p><input type='text' id='TreeValue1' size='6'> (selected customer id)\r
  59 \r
  60 <pre style='border:1px solid black;padding:3px;font-size:8pt;'>\r
  61 Rico.onLoad( function() {\r
  62   tree1=new Rico.TreeControl("tree1", "CustTree.asp");\r
  63   tree1.atLoad();\r
  64   tree1.returnValue=function(newVal) { Rico.$('TreeValue1').value=newVal; };\r
  65 });\r
  66 </pre>\r
  67 \r
  68 </body>\r
  69 </html>\r