<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="checkboxlist_update.aspx.cs"
    Inherits="ExtAspNet.Examples.form.checkboxlist_update" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <ext:PageManager ID="PageManager1" runat="server" />
    <ext:SimpleForm ID="SimpleForm1" Width="700px" runat="server" LabelWidth="120px"
        EnableBackgroundColor="true" BodyPadding="5px" ShowBorder="True" ShowHeader="True"
        Title="Simple Form">
        <Items>
            <ext:CheckBoxList ID="CheckBoxList1" Label="List 1" runat="server">
                <ext:CheckItem Text="Item 1" Value="value1" />
                <ext:CheckItem Text="Item 2" Value="value2" Selected="true" />
                <ext:CheckItem Text="Item 3" Value="value3" Selected="true" />
            </ext:CheckBoxList>
            <ext:Button ID="btnUpdateList1" CssClass="inline" Text="Update list 1" OnClick="btnUpdateList1_Click"
                runat="server">
            </ext:Button>
            <ext:Button ID="btnCheckedItemsList1" Text="Get selected items of list 1" OnClick="btnCheckedItemsList1_Click"
                runat="server">
            </ext:Button>
            <ext:Label runat="server" Text="&nbsp;">
            </ext:Label>
            <ext:CheckBoxList ID="CheckBoxList2" Label="List 2 (Vertical)" ColumnNumber="3" ColumnVertical="true"
                runat="server">
            </ext:CheckBoxList>
            <ext:Button ID="btnUpdateList2" CssClass="inline" Text="Update list 2" OnClick="btnUpdateList2_Click"
                runat="server">
            </ext:Button>
            <ext:Button ID="btnCheckedItemsList2" Text="Get selected items of list 2" OnClick="btnCheckedItemsList2_Click"
                runat="server">
            </ext:Button>
            <ext:Label ID="Label1" runat="server" Text="&nbsp;">
            </ext:Label>
            <ext:CheckBoxList ID="CheckBoxList4" Label="List 4 (Empty list)" ColumnNumber="3" ColumnVertical="false"
                runat="server">
            </ext:CheckBoxList>
            <ext:Button ID="btnUpdateList4" CssClass="inline" Text="Update list 4" OnClick="btnUpdateList4_Click"
                runat="server">
            </ext:Button>
            <ext:Button ID="btnCheckedItemsList4" Text="Get selected items of list 4" OnClick="btnCheckedItemsList4_Click"
                runat="server">
            </ext:Button>
        </Items>
    </ext:SimpleForm>
    <br />
    <ext:CheckBoxList ID="CheckBoxList3" Width="700px" Label="List 3" ColumnNumber="3" ColumnVertical="false"
        runat="server">
        <ext:CheckItem Text="Item 1" Value="value1" />
        <ext:CheckItem Text="Item 2" Value="value2" />
        <ext:CheckItem Text="Item 3" Value="value3" />
        <ext:CheckItem Text="Item 4" Value="value4" />
        <ext:CheckItem Text="Item 5" Value="value5" Selected="true" />
        <ext:CheckItem Text="Item 6" Value="value6" Selected="true" />
        <ext:CheckItem Text="Item 7" Value="value7" Selected="true" />
        <ext:CheckItem Text="Item 8" Value="value8" />
    </ext:CheckBoxList>
    <ext:Button ID="btnUpdateList3" CssClass="inline" Text="Update list 3" OnClick="btnUpdateList3_Click"
        runat="server">
    </ext:Button>
    <ext:Button ID="btnCheckedItemsList3" Text="Get selected items of list 3" OnClick="btnCheckedItemsList3_Click"
        runat="server">
    </ext:Button>
    <br />
    </form>
</body>
</html>
