Several fixes to Rico3.net.
[infodrom/rico3] / examples / dotnet / tree1.aspx
1 <%@ Page Language="VB" ResponseEncoding="iso-8859-1" Debug="true" validateRequest="false" %>\r
2 <%@ Register TagPrefix="Rico" Assembly="Rico" NameSpace="Rico" %>\r
3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">\r
4 <html>\r
5 <head>\r
6 <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
7 <title>Rico-Tree Control</title>\r
8
9 <Rico:LoadClient checkQueryString='true' runat='server' />\r
10 <link href="../demo.css" type="text/css" rel="stylesheet" />\r
11 \r
12 <script type='text/javascript'>\r
13 var tree1;\r
14 \r
15 // initialize tree\r
16 Rico.onLoad( function() {\r
17   tree1=new Rico.TreeControl("tree1", "CustTree.aspx");\r
18   tree1.returnValue=function(newVal) { Rico.$('TreeValue1').value=newVal; };\r
19   Rico.eventBind('TreeButton1', 'click', Rico.eventHandle(window,'TreeClick1'));\r
20 });\r
21 \r
22 function TreeClick1(e) {\r
23   if (Rico.visible(tree1.container)) {\r
24     tree1.close();\r
25   } else {\r
26     Rico.positionCtlOverIcon(tree1.container,Rico.$('TreeButton1'));\r
27     tree1.open();\r
28   }\r
29   Rico.eventStop(e);\r
30 }\r
31 </script>\r
32
33 </head>\r
34 \r
35 <body>
36 \r
37 <div id='explanation'>\r
38 Base Library: \r
39 <script type='text/javascript'>\r
40 document.write(Rico.Lib+' '+Rico.LibVersion);\r
41 </script>\r
42 <hr>\r
43 <p>This example demonstrates a basic, pop-up tree control where the tree nodes are loaded via AJAX.\r
44 Only one item is selected from the tree at a time.\r
45 Data is from the Northwind customer table.\r
46 </div>\r
47 \r
48 \r
49 <p><button id='TreeButton1'>Show Tree</button>\r
50 <p><input type='text' id='TreeValue1' size='6'> (selected customer id)\r
51 \r
52 <pre style='border:1px solid black;padding:3px;font-size:8pt;'>\r
53 Rico.onLoad( function() {\r
54   tree1=new Rico.TreeControl("tree1", "CustTree.asp");\r
55   tree1.atLoad();\r
56   tree1.returnValue=function(newVal) { Rico.$('TreeValue1').value=newVal; };\r
57 });\r
58 </pre>\r
59 \r
60 </body>\r
61 </html>\r