TreeView树形菜单绑定

36 篇文章 1 订阅

前台:


  <TreeView  x:Name="tvProperties" DockPanel.Dock="Left"  SelectedItemChanged="tvProperties_SelectedItemChanged">
                    <TreeView.ItemContainerStyle>
                        <Style TargetType="{x:Type TreeViewItem}">
                            <Setter Property="IsExpanded" Value="{Binding IsExpanded}"></Setter>
                        </Style>
                    </TreeView.ItemContainerStyle>
                    <TreeView.ItemTemplate>
                        <HierarchicalDataTemplate  ItemsSource="{Binding Path=Children}">
                            <TreeViewItem >
                                <TreeViewItem.Header>
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="&#xE602;" Style="{DynamicResource NavIconH2}"/>
                                        <TextBlock VerticalAlignment="Center" Text="{Binding DisplayName}"></TextBlock>
                                        <StackPanel.ToolTip>
                                            <TextBlock VerticalAlignment="Center" Text="{Binding Name}" TextWrapping="Wrap" MaxWidth="200" ></TextBlock>
                                        </StackPanel.ToolTip>
                                    </StackPanel>
                                </TreeViewItem.Header>
                            </TreeViewItem>
                        </HierarchicalDataTemplate>
                    </TreeView.ItemTemplate>
                </TreeView>



后台代码:



  #region 声明树形的类
        internal class PropertyNodeItem
        {
            public string DisplayName { get; set; }
            public string Name { get; set; }
            public string id { get; set; }
            public string parentGuid { get; set; }
            public bool IsExpanded { get; set; }
            public List<PropertyNodeItem> Children { get; set; }
            public PropertyNodeItem()
            {
                Children = new List<PropertyNodeItem>();
            }
        }
        #endregion


    #region 绑定树形
        public void BindTreeView()
        {
            #region 数据集
            //获取设备所有类型 
            SBTypeTable = new DataTable();
            SBTypeTable.Columns.Add("key", typeof(string));
            SBTypeTable.Columns.Add("value", typeof(string));
            DataRow dr = SBTypeTable.NewRow();
            dr["key"] = "0";
            dr["value"] = "电气设备";
            SBTypeTable.Rows.Add(dr);
            DataRow dr2 = SBTypeTable.NewRow();
            dr2["key"] = "1";
            dr2["value"] = "防护门";
            SBTypeTable.Rows.Add(dr2);
           // GetSBType();
            //System.Threading.ThreadPool.QueueUserWorkItem(
            // o =>
            // {
            //     while (SBTypeTable.Rows.Count == 0)
            //     {
            //         System.Threading.Thread.Sleep(100);
            //     }               
            // }
            //);


            tvProperties.Items.Clear();//加载根节点前先清除Treeview控件项
            List<PropertyNodeItem> itemList = new List<PropertyNodeItem>();
            for (int i = 0; i < SBTypeTable.Rows.Count;i++ )
            {
                PropertyNodeItem node = new PropertyNodeItem()
                {
                    DisplayName = SBTypeTable.Rows[i]["value"].ToString(),
                    Name = SBTypeTable.Rows[i]["value"].ToString(),
                    id = SBTypeTable.Rows[i]["value"].ToString(),
                    parentGuid = SBTypeTable.Rows[i]["value"].ToString(),
                    IsExpanded = false

                };

                string parentGuid = SBTypeTable.Rows[i]["value"].ToString().ToUpper();
                ForeachPropertyNode(node, parentGuid);
                itemList.Add(node);

                this.tvProperties.ItemsSource = itemList;
            }
            #endregion       


         
        }
        private void ForeachPropertyNode(PropertyNodeItem node, string pid)
        {
            DataTable SBTable = new DataTable();
            SBTable.Columns.Add("key", typeof(string));
            SBTable.Columns.Add("value", typeof(string));
            SBTable.Columns.Add("type", typeof(string));
            DataRow dr = SBTable.NewRow();
            dr["key"] = "2D55DE95B109EAB66DF42273D49FE270";
            dr["value"] = "柴油发电机(无外罩)";
            dr["type"] = "电气设备";
            SBTable.Rows.Add(dr);
            DataRow dr2 = SBTable.NewRow();
            dr2["key"] = "50BA24304D1AC2DF2413DFFA46F3D364";
            dr2["value"] = "电源箱-380V MCCB";
            dr2["type"] = "电气设备";
            SBTable.Rows.Add(dr2);
            if (SBTable.Rows.Count > 0)
            {
                for (int i = 0; i < SBTable.Rows.Count; i++)
                {
                    string id = SBTable.Rows[i]["key"].ToString();
                    string name = SBTable.Rows[i]["value"].ToString();
                    string parentId = SBTable.Rows[i]["key"].ToString();
                    PropertyNodeItem childNodeItem = new PropertyNodeItem()
                    {
                        DisplayName = SBTable.Rows[i]["value"].ToString(),
                        Name = SBTable.Rows[i]["value"].ToString(),
                        id = SBTable.Rows[i]["key"].ToString(),
                        parentGuid = SBTable.Rows[i]["type"].ToString(),
                        IsExpanded = false
                    };
                    node.Children.Add(childNodeItem);
                }
            }
        }
        #endregion        



 #region 树形菜单选择事件
        private void tvProperties_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
        {
            PropertyNodeItem item = this.tvProperties.SelectedItem as PropertyNodeItem;
            string nodeText = item.Name;
            SBNameShow.Text = item.DisplayName;         
            SBRowGuid.Text = item.id;
        }
        #endregion


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
treegrid插件 当前选中的行: var config = { id: "tg1", width: "800", renderTo: "div1", headerAlign: "left", headerHeight: "30", dataAlign: "left", indentation: "20", folderOpenIcon: "images/folderOpen.gif", folderCloseIcon: "images/folderClose.gif", defaultLeafIcon: "images/defaultLeaf.gif", hoverRowBackground: "false", folderColumnIndex: "1", itemClick: "itemClickEvent", columns:[ {headerText: "", headerAlign: "center", dataAlign: "center", width: "20", handler: "customCheckBox"}, {headerText: "名称", dataField: "name", headerAlign: "center", handler: "customOrgName"}, {headerText: "拼音码", dataField: "code", headerAlign: "center", dataAlign: "center", width: "100"}, {headerText: "负责人", dataField: "assignee", headerAlign: "center", dataAlign: "center", width: "100"}, {headerText: "查看", headerAlign: "center", dataAlign: "center", width: "50", handler: "customLook"} ], data:[ {name: "城区分公司", code: "CQ", assignee: "", children:[ {name: "城区卡品分销中心"}, {name: "先锋服务厅", children:[ {name: "chlid1"}, {name: "chlid2"}, {name: "chlid3", children: [ {name: "chlid3-1"}, {name: "chlid3-2"}, {name: "chlid3-3"}, {name: "chlid3-4"} ]} ]}, {name: "半环服务厅"} ]}, {name: "清新分公司", code: "QX", assignee: "", children:[]}, {name: "英德分公司", code: "YD", assignee: "", children:[]}, {name: "佛冈分公司", code: "FG", assignee: "", children:[]} ] }; /* 单击数据行后触发该事件 id:行的id index:行的索引。 data:json格式的行数据对象。 */ function itemClickEvent(id, index, data){ window.location.href="ads"; } /* 通过指定的方法来自定义栏数据 */ function customCheckBox(row, col){ return ""; } function customOrgName(row, col){ var name = row[col.dataField] || ""; return name; } function customLook(row, col){ return "查看"; } //创建一个组件对象 var treeGrid = new TreeGrid(config); treeGrid.show(); /* 展开、关闭所有节点。 isOpen=Y表示展开,isOpen=N表示关闭 */ function expandAll(isOpen){ treeGrid.expandAll(isOpen); } /* 取得当前选中的行,方法返回TreeGridItem对象 */ function selectedItem(){ var treeGridItem = treeGrid.getSelectedItem(); if(treeGridItem!=null){ //获取数据行属性值 //alert(treeGridItem.id + ", " + treeGridItem.index + ", " + treeGridItem.data.name); //获取父数据行 var parent = treeGridItem.getParent(); if(parent!=null){ //jQuery("#currentRow").val(parent.data.name); } //获取子数据行集 var children = treeGridItem.getChildren(); if(children!=null && children.length>0){ jQuery("#currentRow").val(children[0].data.name); } } }

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值