How to show checkbox in listbox with parent child relationship in asp.net?

I have two tables. One is for region and the other is f开发者_如何学编程or country. I want to show both in one listbox with checkbox.

There is no special control to render this type of relationship. However you can try to use standard CheckBoxList control. Children will be shifted a little using jquery. Maybe it is more elegant solution to shift cells using jquery.

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>

<script language="javascript" type="text/javascript">
    jQuery(document).ready(function () {
        var cells = $('#<%= list.ClientID %>').find('td');

        for (var i = 1; i < cells.length; i++) {
            $(cells[i]).css('padding-left', '10px');
        }
    });   
</script>

</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

   <asp:CheckBoxList id="list" runat="server">
    <asp:ListItem>Parent</asp:ListItem>
    <asp:ListItem>Child</asp:ListItem>
   </asp:CheckBoxList>

</asp:Content>

You know that parent is first node, the rest are children.