TreeView数据绑定方法

最新推荐文章于 2014-11-02 04:17:00 发布
最新推荐文章于 2014-11-02 04:17:00 发布
阅读量100 收藏
点赞数
文章标签： ui javascript xhtml ViewUI

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Left.aspx.cs" Inherits="Left" %>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <script language="javascript">
        function chkAll()
        {
            //debugger;
            var chkall= document.all["chkall"];
            var chkother= document.getElementsByTagName("input");
            for (var i=0;i<chkother.length;i++)
            {
                if( chkother[i].type=='checkbox')
                {
                    if(chkother[i].id.indexOf('TreeView1')>-1)
                    {
                        if(chkall.checked==true)
                        {
                            chkother[i].checked=true;
                        }
                        else
                        {
                            chkother[i].checked=false;
                        }
                    }
                }
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
         <table width=100% height=100%>
            <tr height=10>
                <td><input id="chkall" type="checkbox" οnclick="chkAll();" />全选/取消</td>
                <td><asp:Button ID="Button1" runat="server" Text="Button" /></td>
            </tr>
            <tr valign=top>
                <td><asp:TreeView ID="TreeView1" runat="server" ></asp:TreeView></td>
                <td><iframe id=fMain style="BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none"
                            src="" frameBorder="0" width="100%" scrolling="yes" height="100%"></iframe></td>
            </tr>
            <tr height=10>
                <td></td>
            </tr>
        </table>

    </form>
</body>
</html>




aspx页面



using System;
using System.Data;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;



public partial class Left : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            BindTree();
            //InitTree();
        }
    }

    #region 主从表绑定
    private void BindTree()
    {
        DataSet dst = GetTreeViewData();
        TreeView1.ShowCheckBoxes = TreeNodeTypes.All;
        foreach (DataRow masterRow in dst.Tables["province"].Rows)
        {
            TreeNode masterNode = new TreeNode((string)masterRow["province"]);
            TreeView1.Nodes.Add(masterNode);
            foreach (DataRow childRow in masterRow.GetChildRows("Children"))
            {
                TreeNode childNode =new TreeNode((string)childRow["city"]);
                masterNode.Expanded = false;
                masterNode.ChildNodes.Add(childNode);
            }
        }
    }

    private DataSet GetTreeViewData()
    {
        string constring = System.Configuration.ConfigurationSettings.AppSettings["ConnectionStr"];
        SqlConnection con = new SqlConnection(constring);
        SqlDataAdapter daprovince = new SqlDataAdapter("SELECT * FROM province", con);
        SqlDataAdapter dacity = new SqlDataAdapter("SELECT * FROM city", con);
        DataSet ds = new DataSet();
        daprovince.Fill(ds, "province");
        dacity.Fill(ds, "city");
        ds.Relations.Add("Children", ds.Tables["province"].Columns["provinceid"], ds.Tables["city"].Columns["father"]);
        return ds;
    }
    #endregion

    #region 递归绑定同一个表数据
    private void InitTree()
    {
        DataTable dt = GetTreeViewTable();
        DataView dv = new DataView(dt);
        dv.RowFilter = "ParentID=0";
        TreeView1.ShowCheckBoxes = TreeNodeTypes.All;
        foreach (DataRowView drv in dv)
        {
            TreeNode node = new TreeNode();
            node.Text = drv["text"].ToString();
            node.Value = drv["ID"].ToString();
            node.Expanded = false;
            TreeView1.Nodes.Add(node);
            AddReplies(dt,node);
        }
    }

    private DataTable GetTreeViewTable()
    {
        string constring = System.Configuration.ConfigurationSettings.AppSettings["ConnectionStr"];
        SqlConnection con = new SqlConnection(constring);
        SqlDataAdapter da = new SqlDataAdapter("SELECT * FROM treeview", con);
        DataTable dt = new DataTable();
        da.Fill(dt);
        return dt;
    }

    private void AddReplies(DataTable dt, TreeNode node)
    {
        DataView dv = new DataView(dt);
        dv.RowFilter = "ParentID='" + node.Value + "'";
        foreach (DataRowView row in dv)
        {
            TreeNode replyNode = new TreeNode();
            replyNode.Text = row["text"].ToString();
            replyNode.Value = row["ID"].ToString();
            replyNode.Expanded = false;
            node.ChildNodes.Add(replyNode);
            AddReplies(dt,replyNode);
        }
    }
    #endregion
}


CS页面

weixin_34129145
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TreeView绑定数据
Vhero的专栏
03-04 4662
 今天在做权限管理的时候对TreeView终于有所了解。在这里我所实现的是使用TreeView进行权限分配。首先说一下TreeView的几个基本的属性1.ID  获取或设置treeviewd的标识符2.NodeIndent 获取或设置TreeView控件子节点的缩进量，该量是以像素为单位的3.Nodes 获取TreeNode对象的集合(TreeNodeCollection)。该属性
TreeView数据绑定
ajian11的专栏
12-11 256
http://www.cnblogs.com/mgen/archive/2011/07/21/2113152.html[更新至V2]WPF：MVVM简单文件浏览器  源代码下载  2.0 下载页面 1.0 下载页面 注意：链接是微软SkyDrive页面，下载时请用浏览器直接下载，用某些下载工具可能无法下载 源代码环境：Microsoft Visual C# 2008 Express 程序ViewM...
TREEVIEW数据库绑定
谢雨枫
02-01 1160
 数据库 create database TreeView go use Treeview create table node1 ( nd1id int primary key, nd1name varchar(32) )create table node2 ( nd2id int primary key, nd1id int, nd2name varchar(32) )cre
TreeView绑定数据库
01-24 1020
很多应用要用到TreeView来显示组织机构,以下演示TreeView如何与数据库进行绑定。 数据库结构如下（递归现实）： id(guid)                                                                       pid(guid)                                           n
asp.net TreeView数据绑定方法.rar
03-14
本教程将深入讲解如何在ASP.NET中使用TreeView控件进行数据绑定，帮助开发者构建交互式的树形视图。 1. **TreeView控件介绍** TreeView控件是一个服务器控件，它可以展示多级节点，每个节点可以包含子节点。通过...
C#实现treeview绑定的方法
09-04
2. `bindTree`方法是数据绑定的主要函数，它会调用`FillNode`进行递归绑定。这里我们假设有一个名为`Folder_oper_BLL`的业务逻辑层类，它提供了一个名为`PIC_Bind`的方法，用于从数据库中获取需要的数据并返回...
使用TreeView进行数据绑定
10-09
代码中提供了用常规的方式绑定数据和使用递归进行数据绑定，大家一定要学会使用递归呀！递归方法比较简单，而且更常用。
jsp 实现TreeView
12-06
简单实现jsp TreeView 效果，代码简洁，一看就懂
数据库中的数据显示在TreeView中
08-17
将数据库中的具有一定规律的数据分层显示在TreeView的各个节点上。
treeview 实现数据的绑定
weixin_30420305的博客
09-22 160
~今天网站终于上线了，心情很好，晚上特意在社区测试了好久。每天希望都有时间来学习新的技术。今天是treeview控件，学习开始之前懵里懵懂，以为它有多神秘，看了之后，也不过如此，原理是 ：假设是个两级的treeview，则只需为它先绑定depth=0的节点，然后根据depth=0的节点的id来绑定depth=1的节点，原理很简单，只是一级一级的绑定觉得要学好一门技术，要先知道它的功能和展现，所以先...
TreeView数据绑定的方法
diligentcat的专栏
12-03 1547
•  TreeView数据绑定的方法 •  最近作一个.net程序中涉及到权限的分配和管理，要把分为不同层次的权限从数据库中读出在树形控件TreeView中显示出来。这里采取的是首先取出数据放在DataTable中，然后在递归查询中根据不同的filter条件得到对应树杈需要的数据。这里使用类似的行政区划的数据表，数据表为： CREATE TABLE [dbo].[QuHua] (  [ID]
TreeView从数据库绑定数据
weixin_30443731的博客
05-04 257
前几天，在。net QQ群里有人问到Treeview数据绑定，我很好奇，因为我从来没有听说过，treeview也能从数据库里绑定数据。。。。 小弟真是肤浅。。作为一个。net的菜鸟，我也只能虚心学习下。。。 下面是我自己通过查找资料后，自己做的一个treeview的数据绑定， 有什么意见大家提提，请大家涵涵..... 数据库连接字符串： Code usingSyste...
将数据库数据绑定到treeview上
netfuns的专栏
02-19 1039
一种将顺序结构数据绑定到树形结构的的方法。 代码：using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web
D22_04_将DataSet对象绑定到TreeView
weixin_30881367的博客
11-02 96
<Window x:Class="demo.BoundTreeViewDataSet" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Bou...
wpf treeview 数据绑定
最新发布
06-08
WPF TreeView控件可以通过数据绑定的方式来显示树形结构数据。以下是实现绑定的步骤： 1.定义数据源：可以使用任何.NET集合类作为数据源，例如ObservableCollection、List等等。每个数据项需要包含一个唯一的标识符和一个父级标识符。 2.创建TreeView控件并设置ItemsSource属性为数据源。 3.定义数据模板：为了显示数据项，需要定义一个数据模板，它决定了每个节点的外观。可以使用HierarchicalDataTemplate来实现树形结构。 4.设置ItemContainerStyle属性：设置TreeViewItem的样式，包括选中状态、展开状态等。 下面是一个简单的例子： ``` <TreeView ItemsSource="{Binding TreeData}"> <TreeView.ItemTemplate> <HierarchicalDataTemplate ItemsSource="{Binding Children}"> <TextBlock Text="{Binding Name}"/> </HierarchicalDataTemplate> </TreeView.ItemTemplate> <TreeView.ItemContainerStyle> <Style TargetType="{x:Type TreeViewItem}"> <Setter Property="IsExpanded" Value="{Binding IsExpanded}"/> <Setter Property="IsSelected" Value="{Binding IsSelected}"/> </Style> </TreeView.ItemContainerStyle> </TreeView> ``` 其中，TreeData是数据源，Name是节点显示的文本，Children是子节点的集合，IsExpanded和IsSelected是TreeViewItem的属性，用于展开和选中状态的设置。 希望这个回答能对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值