Seleziona una pagina

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, testare applicazioni con XUnit
views 178
Come tutti sappiamo con l’avvento di .Net Core tutto l’ecosistema sta subendo evoluzioni, fin dalla prima versione del progetto ASP.NET MVC Core è sta...
ASP.NET Core, Dependency injection
views 234
In questo articolo parleremo della Dependency Injection, un pattern che consente di creare applicazioni flessibili e semplifica la fase di unit test. ...
ASP.NET Core custom Middleware
views 82
Nel precedente articolo intitolato ASP.NET Core Middleware abbiamo parlato di cosa sono i middleware ed abbiamo visto come usare i middleware buit-in ...
ASP.NET Core Middleware
views 149
"Middleware are software components that are assembled into an application pipeline to handle requests and responses. Each component chooses whether t...

Sono uno sviluppatore specializzato nella realizzazione di applicazioni web ASP.NET. Mi ritengo una persona fortunata perchè il mio lavoro coincide con la mia passione: Sviluppare codice!!! Ho incominciato a sviluppare codice dall’età di circa dieci anni con il famigerato Commodore 64. La mia svolta epocale è stato l’avvento di internet e dal 1995 ho cominciato a sviluppare siti web prima statici e poi dinamici (ASP) per poi approdare alla piattaforma .NET, da allora… non mi sono piu’ fermato!