例子——dhtmlxTree之checkboxes（ASP.NET）

最新推荐文章于 2014-07-29 12:01:52 发布

原创最新推荐文章于 2014-07-29 12:01:52 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net #javascript #tree #branch #books #table

ASP.NET 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个使用dhtmlXTree控件创建树形结构的例子，并演示了如何通过JavaScript实现节点的选择及复选框功能。文章详细展示了如何初始化dhtmlXTree控件、加载XML数据以及实现节点的检查状态控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Default.aspx页面的代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!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>Sample_dhtmlxTree_checkboxes</title> <link href="JavaScript/TreeCodebase/dhtmlxtree.css" mce_href="JavaScript/TreeCodebase/dhtmlxtree.css" type="text/css" /> <mce:script src="JavaScript/TreeCodebase/dhtmlxcommon.js" mce_src="JavaScript/TreeCodebase/dhtmlxcommon.js" type="text/javascript"></mce:script> <mce:script src="JavaScript/TreeCodebase/dhtmlxtree.js" mce_src="JavaScript/TreeCodebase/dhtmlxtree.js" type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div> <table> <tr> <td valign="top"> <div id="treeboxbox_tree" style="width: 250; height: 218; background-color: #f5f5f5; border: 1px solid Silver;"> </div> </td> </tr> </table> <table> <tr> <td style="padding-left: 25" mce_style="padding-left: 25" valign="top"> Two state checkboxes:<br /> <span style=" margin-left:10px" mce_style=" margin-left:10px"> <a href="javascript:void(0);" mce_href="javascript:void(0);" onclick="tree.setCheck(tree.getSelectedItemId(),true);"> Check item </a> </span> <span style=" margin-left:10px" mce_style=" margin-left:10px"> <a href="javascript:void(0);" mce_href="javascript:void(0);" onclick="tree.setCheck(tree.getSelectedItemId(),false);"> UnCheck item </a> </span> <span style=" margin-left:10px" mce_style=" margin-left:10px"> <a href="javascript:void(0);" mce_href="javascript:void(0);" onclick="tree.setSubChecked(tree.getSelectedItemId(),true);"> Check branch </a> </span> <span style=" margin-left:10px" mce_style=" margin-left:10px"> <a href="javascript:void(0);" mce_href="javascript:void(0);" onclick="tree.setSubChecked(tree.getSelectedItemId(),false);"> UnCheck branch </a> </span> <span style=" margin-left:10px" mce_style=" margin-left:10px"> <a href="javascript:void(0);" mce_href="javascript:void(0);" onclick="alert(tree.getAllChecked());"> Get list of checked </a> </span> </td> </tr> </table> <table> <tr> <td valign="top"> <div id="treeboxbox_tree2" style="width: 250; height: 218; background-color: #f5f5f5; border: 1px solid Silver; overflow: auto;"> </div> </td> </tr> </table> <table> <tr> <td style="padding-left: 25" mce_style="padding-left: 25" valign="top"> Three state checkboxes<br /> <span style=" margin-left:10px" mce_style=" margin-left:10px"> <a href="javascript:void(0);" mce_href="javascript:void(0);" onclick="tree2.setCheck(tree2.getSelectedItemId(),true);"> Check item </a> </span> <span style=" margin-left:10px" mce_style=" margin-left:10px"> <a href="javascript:void(0);" mce_href="javascript:void(0);" onclick="tree2.setCheck(tree2.getSelectedItemId(),false);"> UnCheck item </a> </span> <span style=" margin-left:10px" mce_style=" margin-left:10px"> <a href="javascript:void(0);" mce_href="javascript:void(0);" onclick="alert(tree2.getAllChecked());"> Get list of checked </a> </span> </td> </tr> </table> <mce:script type="text/javascript"></mce:script> </div> </form> </body> </html>

dhtmlxTree_checkboxes