Run Sample 1
NOTE: If you haven't configured your
Microsoft Access driver, please click here.
This Sample will demonstrates how to create an iASP_Grid object, connect
to a database and retrieve the information from the specified table of
the data base. It demonstrates iASP_Grid's support for column-wise
sorting, and manipulation of column attributes individually.
Sample Code
<%
Set Grid = Server.CreateObject("Persits.AspGrid")
Grid.FileName = "Sample1.asp"
Grid.Connect "sun.jdbc.odbc.JdbcOdbcDriver", "jdbc:Odbc:GridTest",
"", ""
Grid.SQL = "select id, name, phone from Departments"
Grid.Cols(1).Hidden = True
Grid.Cols(2).CanSort = True
Grid.Table.Width = 400
Grid.Cols(2).Cell.Width = 250
Grid.Cols(2).Header.Width = 250
Grid.Cols(2).Cell.InputSize = 25
Grid.Cols(2).Caption = "Department Name"
Grid.Cols(3).Cell.Width = 150
Grid.Cols(3).Header.Width = 150
Grid.Cols(3).Cell.InputSize = 15
Grid.Cols(3).Caption = "Phone Number"
Grid.ColRange(2, 3).Header.BGColor
= "#FFFFAA"
Grid.ColRange(2, 3).Header.Font.Face = "Tahoma, Arial"
Grid.ColRange(2, 3).Header.Font.Size = 2
Grid.ColRange(2, 3).Cell.BGColor = "#90F0FE"
Grid.ColRange(2, 3).Cell.Font.Face = "Tahoma, Arial"
Grid.ColRange(2, 3).Cell.Font.Size = 2
%>
<HTML>
<BODY>
<% Grid.Display %>
<% Grid.Disconnect %>
</BODY>
</HTML>
Description
The first five steps for creating a Grid Object have already been discussed.
See the main page of samples for details.
Grid.Cols(2).CanSort = True
Enables sorting for this column. If sorting for one or more columns is
enabled, the ORDER BY clause in the Grid.SQL statement is no longer relevent.
Grid.Table.Width = 400
Sets the HTML <TABLE> tag's WIDTH attribute to 400. The Table method
returns the Table object which can be
used to set other <TABLE> attributes such as CELLSPACING, BORDER, etc.
Grid.Cols(2).Cell.Width = 250
Sets the WIDTH attribute of each column (the <TR> attribute in HTML
terms) to a fixed pixel length of 250. If this attribute is not
set column may have variable length depending on the length of the data
displayed.
Grid.Cols(2).Header.Width = 250
Sets the WIDTH attributes of the headings for column 2 (the <TH> attribute
in HTML terms), which corresponds to the Departments.name field in our
example.
Both Cell and Header
methods return a Cell object which can be used to set other <TD>
and <TH> attributes, respectively, such as ALIGN, HEIGHT, etc.
Grid.Cols(2).Cell.InputSize = 25
Sets the maximum number of characters accepted by the text field of the
second column to a fixed length of 25 pixels. The text fields are
generated when the Grid is in the Edit/Add mode.
Grid.Cols(2).Caption = "Department Name"
Sets the heading name for column 2. By default, column names are the same
as their corresponding database field names.
The next 4 lines do a similar job for column 3 (Departments.phone).
Grid.ColRange(2, 3).Header.BGColor = "#FFFFAA"
The ColRange(i, j). method has similar functionality to the Cols(i) method.
ColRange returns an object representing a group of adjacent columns
rather that just one column. Setting a property of such a "group" object
will result in setting this property in all the columns it represents.
The line above is equivalent to the lines
Grid.Cols(2).Header.BGColor = "#FFFFAA"
Grid.Cols(3).Header.BGColor = "#FFFFAA"
Grid.ColRange(2, 3).Header.Font.Face = "Tahoma,
Arial"
Set the FONT FACE attribute of each Header of column 2 and 3.
Grid.ColRange(2, 3).Header.Font.Size = 2
Sets the SIZE attributes of the <FONT> tag which will be placed within
<TH> tags of columns 2 and 3.
If you require technical support please send complete details about the
problem you are having to support@halcyonsoft.com.
|