7845f92875c3901afe87c9f11227bb8789e6dcfd
[infodrom/rico3] / examples / dotnet / ex2json.aspx
1 <%@ Page Language="VB" ResponseEncoding="iso-8859-1" %>\r
2 <%@ Register TagPrefix="Rico" Assembly="Rico" NameSpace="Rico" %>\r
3 <%@ Register TagPrefix="My" TagName="dbLib" Src="dbConnect.ascx" %>\r
4 <My:dbLib id='app' runat='server' />\r
5 \r
6 \r
7 <script runat="server">\r
8 \r
9 Sub Page_Load(Sender As object, e As EventArgs)\r
10   Session.Timeout=60\r
11   app.OpenGrid(ex2j)\r
12 End Sub\r
13 \r
14 </script>\r
15 \r
16 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">\r
17 <html>\r
18 <head>\r
19 <title>Rico LiveGrid-Example 2</title>\r
20 \r
21 <Rico:LoadClient checkQueryString='true' runat='server' />\r
22 <link href="../demo.css" type="text/css" rel="stylesheet" />\r
23 \r
24 <style type="text/css">\r
25 div.ricoLG_cell {\r
26   white-space:nowrap;\r
27 }\r
28 </style>\r
29 </head>\r
30 <body>\r
31 \r
32 <div id='explanation'>\r
33 Base Library: \r
34 <script type='text/javascript'>\r
35 document.write(Rico.Lib+' '+Rico.LibVersion);\r
36 </script>\r
37 <hr>\r
38 This example uses AJAX to fetch order data, as required, from the server. \r
39 Notice how the number of visible rows is set automatically based\r
40 on the size of the window. Try the different grid styles that\r
41 are available. \r
42 Click on a cell to see available actions.\r
43 <a href='<%=Page.Request.ServerVariables("SCRIPT_NAME")%>?_action_ex2j=query&offset=0&page_size=10'>View the AJAX response (JSON)</a>\r
44 (displays directly in Chrome and Safari, requires JSONview or similar extension in Firefox).\r
45 </div>\r
46 \r
47 <Rico:LiveGrid runat='server' id='ex2j' fmt="json" TableName='orders' DefaultSort='OrderID' menuEvent='click' frozenColumns='1' highlightElem='cursorRow'>\r
48 <GridColumns>\r
49   <Rico:Column runat='server' ColName='OrderID' heading='Order#' width='60' />\r
50   <Rico:Column runat='server' ColName='CustomerID' heading='Cust#' width='60' />\r
51   <Rico:Column runat='server' ColName='ShipName' heading='Ship Name' width='150' />\r
52   <Rico:Column runat='server' ColName='ShipCity' heading='Ship City' width='120' />\r
53   <Rico:Column runat='server' ColName='ShipCountry' heading='Ship Country' width='90' />\r
54   <Rico:Column runat='server' ColName='OrderDate' heading='Order Date' datatype='date' width='100' />\r
55   <Rico:Column runat='server' ColName='ShippedDate' heading='Ship Date' datatype='date' width='100' />\r
56 </GridColumns>\r
57 </Rico:LiveGrid>\r
58 \r
59 </body>\r
60 </html>\r