<%@ Register TagPrefix="mono"
Namespace="MonoSoftware.Web.ListView"
Assembly="MonoSoftware.Web.ListView" %>
<%@ Page Language="vb" AutoEventWireup="false"
Codebehind="ListViewExample1.aspx.vb"
Inherits="VBNetMonoWCLTest.ListViewExample1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>ListViewExample1</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<LINK href="MonoListView.css" type="text/css" rel="stylesheet">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<div>Most
important properties of the <b>Mono ListView</b> control are presented
in this example:<br>
<i>CheckBoxes</i>, <i>View</i>, <i>Item.ItemType</i> and <i>ItemCommand</i> event.
<br>
<br>
Example facts: </I>
<ul>
<li>
Items and Columns are defined at design
time.
<li>
When in Details view and checkboxes are
enabled, click the [Process checked
items] button to get the info on the
checked items.
<li>
If Item's ItemType is set to
ItemType.LinkButton, clicking on the Item's Text
will raise the "ItemCommand"
event. The code that handles the ItemCommand event
will display the Item's title along with
one hidden SubItem's value: version.
The Version Column is hidden by default
(ColumnHeader.Visible property).
<li>
The "Dialogs" item shows
how each item can be assigned a different CssClass.
</li>
</ul>
</div>
<table style="WIDTH: 552px;
HEIGHT: 375px" width="552">
<tr>
<td style="WIDTH:
214px">Use check boxes:</td>
<td><asp:checkbox id="chkBoxes" Text="CheckBoxes in Details view?" Runat="server" AutoPostBack="True"></asp:checkbox></td>
</tr>
<tr>
<td style="WIDTH: 214px;
HEIGHT: 30px">Display style:
</td>
<td style="HEIGHT:
30px"><asp:radiobuttonlist id="lvView" runat="server" AutoPostBack="True" RepeatDirection="Horizontal">
<asp:ListItem Value="Details" Selected="True">Details</asp:ListItem>
<asp:ListItem Value="List">List</asp:ListItem>
<asp:ListItem Value="LargeIcon">LargeIcon</asp:ListItem>
</asp:radiobuttonlist></td>
</tr>
<tr>
<td style="WIDTH:
214px">Item.ItemType:</td>
<td><asp:radiobuttonlist id="lvItemType" runat="server" AutoPostBack="True" RepeatDirection="Horizontal">
<asp:ListItem Value="HyperLink" Selected="True">Hyperlink</asp:ListItem>
<asp:ListItem Value="LinkButton">LinkButton</asp:ListItem>
</asp:radiobuttonlist></td>
</tr>
<tr>
<td colSpan="2"><mono:listview id="ListView1" runat="server" RepeatDirection="Horizontal" Width="536px" Height="376px"
SmallImagesSize-Height="32" SmallImagesSize-Width="32" LargeImagesSize-Height="64" LargeImagesSize-Width="64"
BorderStyle="Dotted" BorderWidth="1px" BorderColor="#0000C0" RepeatColumns="3" CellPadding="5" EnableColumnClick="False">
<Items>
<mono:ListViewItem LargeImageUrl="gfx/b_scheduler.gif" Text="Scheduler" NavigateUrl="http://www.mono-software.com/scheduler.aspx"
SmallImageUrl="gfx/s_scheduler.gif">
<SubItems>
<mono:ListViewSubItem Text="Provide your Web applications with "MS
Outlook-style" interface and functionality "></mono:ListViewSubItem>
<mono:ListViewSubItem Text="4.0.49.0"></mono:ListViewSubItem>
<mono:ListViewSubItem CssClass="SubItemPrice"
Text="299.00"></mono:ListViewSubItem>
</SubItems>
</mono:ListViewItem>
<mono:ListViewItem LargeImageUrl="gfx/b_filemanager.gif" Text="FileManager" NavigateUrl="http://www.mono-software.com/filemanager.aspx"
SmallImageUrl="gfx/s_filemanager.gif">
<SubItems>
<mono:ListViewSubItem Text="A powerful suite of ASP.NET controls for everyday
tasks such as file upload, file management, etc. "></mono:ListViewSubItem>
<mono:ListViewSubItem Text="2.0.29.0"></mono:ListViewSubItem>
<mono:ListViewSubItem CssClass="SubItemPrice"
Text="190.00"></mono:ListViewSubItem>
</SubItems>
</mono:ListViewItem>
<mono:ListViewItem LargeImageUrl="gfx/b_listview.gif" Text="ListView" NavigateUrl="http://www.mono-software.com/listview.aspx"
SmallImageUrl="gfx/s_listview.gif">
<SubItems>
<mono:ListViewSubItem Text="Displays a collection of items that can be displayed
using one of three different views."></mono:ListViewSubItem>
<mono:ListViewSubItem Text="1.0.3.0"></mono:ListViewSubItem>
<mono:ListViewSubItem CssClass="SubItemPrice"
Text="69.00"></mono:ListViewSubItem>
</SubItems>
</mono:ListViewItem>
<mono:ListViewItem LargeImageUrl="gfx/b_textbox.gif" Text="TextBox" NavigateUrl="http://www.mono-software.com/textbox.aspx"
SmallImageUrl="gfx/s_textbox.gif">
<SubItems>
<mono:ListViewSubItem Text="A set of ASP.NET textbox-like controls specialized
for the input of specific type values (like dates, decimal numbers, etc.).
"></mono:ListViewSubItem>
<mono:ListViewSubItem Text="3.0.13.0"></mono:ListViewSubItem>
<mono:ListViewSubItem CssClass="SubItemPrice"
Text="49.00"></mono:ListViewSubItem>
</SubItems>
</mono:ListViewItem>
<mono:ListViewItem LargeImageUrl="gfx/b_pager.gif"
Text="Pager" NavigateUrl="http://www.mono-software.com/pager.aspx"
SmallImageUrl="gfx/s_pager.gif">
<SubItems>
<mono:ListViewSubItem Text="Provides universal paging functionality for any kind
of control with bindable data source "></mono:ListViewSubItem>
<mono:ListViewSubItem Text="2.0.13.0"></mono:ListViewSubItem>
<mono:ListViewSubItem CssClass="SubItemPrice"
Text="99.00"></mono:ListViewSubItem>
</SubItems>
</mono:ListViewItem>
<mono:ListViewItem LargeImageUrl="gfx/b_extras.gif"
Text="Extras" NavigateUrl="http://www.mono-software.com/extras.aspx"
SmallImageUrl="gfx/s_extras.gif">
<SubItems>
<mono:ListViewSubItem Text="TabSet, ColorSelector, DateSelector, EnumPickers,
TabExpander, and more."></mono:ListViewSubItem>
<mono:ListViewSubItem Text="1.0.13.0"></mono:ListViewSubItem>
<mono:ListViewSubItem CssClass="SubItemPrice"
Text="149.00"></mono:ListViewSubItem>
</SubItems>
</mono:ListViewItem>
<mono:ListViewItem LargeImageUrl="gfx/b_dialogs.gif" Text="Dialogs" NavigateUrl="http://www.mono-software.com/dialogs.aspx"
CssClass="ItemDialogs" SmallImageUrl="gfx/s_dialogs.gif">
<SubItems>
<mono:ListViewSubItem Text="Produce rich message, input or
dialog boxes in a Web application."></mono:ListViewSubItem>
<mono:ListViewSubItem Text="1.0.13.0"></mono:ListViewSubItem>
<mono:ListViewSubItem Text="FREE"></mono:ListViewSubItem>
</SubItems>
</mono:ListViewItem>
</Items>
<AlternatingItemStyle BackColor="White"></AlternatingItemStyle>
<Columns>
<mono:ColumnHeader Text="Component"></mono:ColumnHeader>
<mono:ColumnHeader Text="Description"></mono:ColumnHeader>
<mono:ColumnHeader Text="Version" Visible="False"></mono:ColumnHeader>
<mono:ColumnHeader Text="Price (US $)"></mono:ColumnHeader>
</Columns>
<ItemStyle BackColor="Gainsboro"></ItemStyle>
<ColumnHeaderStyle Font-Bold="True" Height="20px" ForeColor="White" MouseOverCssClass="" Wrap="False"
CssClass="" BackColor="Red"></ColumnHeaderStyle>
</mono:listview></td>
</tr>
<tr>
<td colSpan="2"><asp:label id="commandLabel" Runat="server"></asp:label></td>
</tr>
<tr>
<td id="checkedItemsCell" colSpan="2" runat="server"><asp:button id="getCheckedButton" Runat="server" Text="Process checked
items"></asp:button><br>
<asp:label id="checkedLabel" Runat="server"></asp:label></td>
</tr>
</table>
</form>
</body>
</HTML>