Questo semplice esempio permette di capire come recuperare lato javascript i valori delle checkbox selezionate in una treeview.

A causa del rendering della treeview il trucco sta nell’utilizzo dell’attributo title:

<!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>TreeViewCheckBoxs Sample</title>
    <script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script type="text/javascript" >
        function GetSelected() {
            $('#result').empty();
            $("#treeview :checked").each(function () {
                $('#result').append("<br />value = " + $(this).attr('title'));
	                  //  alert("value = " + $(this).attr('title'));
	            });
    }
    
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        This Samples is used to solve thread on this forum: http://social.msdn.microsoft.com/Forums/it-IT/aspnetit/thread/d99f83fa-e46b-41c8-9bed-23e6fbc8576d
        <div id="treeview">
            <asp:TreeView ID="TreeView1" runat="server">
                <Nodes>
                    <asp:TreeNode Text="Lista" Value="Lista">
                        <asp:TreeNode SelectAction="None" ShowCheckBox="True" ToolTip="1" Text="N1" Value="1"></asp:TreeNode>
                        <asp:TreeNode SelectAction="None" ShowCheckBox="True" ToolTip="2" Text="N2" Value="2"></asp:TreeNode>
                        <asp:TreeNode SelectAction="None" ShowCheckBox="True" ToolTip="3" Text="N3" Value="3"></asp:TreeNode>
                        <asp:TreeNode SelectAction="None" ShowCheckBox="True" ToolTip="4" Text="N4" Value="4"></asp:TreeNode>
                    </asp:TreeNode>
                </Nodes>
            </asp:TreeView>
        </div>
        <input id="btn" type="button" value="Get Selected Checkboxs" onclick="GetSelected();" />
        <div id="result">
        </div>
    </div>
    </form>
</body>
</html>

Altri Articoli

ASP.NET Core Middleware
views 455
"Middleware are software components that are assembled into an application pipeline to handle requests and responses. Each component chooses whether t...
ASP.NET Core Project Start Up
views 237
Pubblicato nella sezione wiki un nuovo tutorial su ASP.NET Core: ASP.NET Core Project Start Up. Questo tutorial spiega passo passo la creazione di un...
Creare una Applicazione ASP.NET Core con CLI e Vis...
views 373
La nuova versione ASP.NET CORE è ormai arrivata alla RC2 (Release Candidate 2), possiamo dire che i tempi sono maturi e nonostante le continue evoluzi...
Benvenuto ASP.NET Core 1.0
views 146
Lo scorso 19 gennaio Scott Hanselman ha annunciato sul suo blog la scelta di modificare il nome della prossima versione di ASP.NET, nel giro di una an...