WPF 实现搜索机构树，定位到搜索节点，并递归展开父级节点，滚动条滚动到此节点（包含水印控件 mvvm）

 搜索机构树，选中搜索机构树后定位，展开父级，滚动条滚动到相应位置，一条龙

废话不多说，直接上源码

xaml

水印控件可以替换textbox

    <Style x:Key="TreeViewItemContainerStyle1" TargetType="{x:Type TreeViewItem}">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
        <Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
        <Setter Property="Padding" Value="1,0,0,0"/>
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
        <Setter Property="FocusVisualStyle" Value="{StaticResource TreeViewItemFocusVisual}"/>
        <Setter Property="IsSelected" Value="{Binding IsSelected,Mode=TwoWay}"/>
        <Setter Property="IsExpanded" Value="{Binding IsExpland,Mode=TwoWay}"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TreeViewItem}">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition MinWidth="20" Width="Auto"/>
                            <ColumnDefinition />
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="30"/>
                            <RowDefinition/>
                        </Grid.RowDefinitions>
                        <Border SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Margin="-1600 0 0 0" x:Name="border"
                                 Grid.ColumnSpan="2">
                        </Border>
                        <ToggleButton x:Name="Expander" VerticalAlignment="Center" ClickMode="Press" IsChecked="{Binding IsExpanded, RelativeSource={RelativeSource TemplatedParent}}" Style="{StaticResource ExpandCollapseToggleStyle}"/>
                        <ContentPresenter Grid.Column="1" VerticalAlignment="Stretch" x:Name="PART_Header" ContentSource="Header" HorizontalAlignment="Stretch" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                        <ItemsPresenter HorizontalAlignment="Stretch" x:Name="ItemsHost" Grid.Column="1" Grid.Row="1"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsExpanded" Value="false">
                            <Setter Property="Visibility" TargetName="ItemsHost" Value="Collapsed"/>
                        </Trigger>
                        <Trigger Property="HasItems" Value="false">
                            <Setter Property="Visibility" TargetName="Expander" Value="Hidden"/>
                        </Trigger>
                        <Trigger Property="IsSelected" Value="true">
                            <Setter Property="Background" TargetName="border" Value="lightblue"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="VirtualizingPanel.IsVirtualizing" Value="true">
                <Setter Property="ItemsPanel">
                    <Setter.Value>
                        <ItemsPanelTemplate>
                            <VirtualizingStackPanel/>
                        </ItemsPanelTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>

    <HierarchicalDataTemplate x:Key="treeItemTemplate" ItemsSource="{Binding Children}">
        <Label VerticalContentAlignment="Center" Margin="0 0 0 0" Content="{Binding Name}"/>
    </HierarchicalDataTemplate>

    <DataTemplate x:Key="serachOrgItemTemplate">
        <Grid VerticalAlignment="Center" Height="28" >
            <TextBlock Width="220" VerticalAlignment="Center" TextAlignment="Left" Text="{Binding Name}" >
            </TextBlock>
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="MouseDown">//这里用mousedown事件不好用，应该直接用listview的selectedchanged事件
                    <i:InvokeCommandAction Command="{Binding DataContext.SearchOrgChangedCommand,ElementName=view}" CommandParameter="{Binding}">
                    </i:InvokeCommandAction>
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </Grid>
    </DataTemplate>

上面是需要用到的样式

查询命令

      public RelayCommand<string> SearchCommand
        {
            get
            {
                return new RelayCommand<string>(new Action<string>((searchTxt) =>
               {
                   try
                   {
                       IsDropOpen = true;
                       var temp = OrgModelsList.FindAll(o => o.Name.Contains(searchTxt));
                       SearchOrgs = new ObservableCollection<OrgModel>(temp);
                   }
                   catch (Exception ex)
                   {
                       MessageBox.Show(ex.Message);
                   }

               }));
            }
        }

查询完后下拉选择项命令核心部分

     public RelayCommand<object> SearchOrgChangedCommand
        {
            get
            {
                return new RelayCommand<object>((obj) =>
                {
                    try
                    {
                        IsDropOpen = false;
                        var org = obj as OrgModel;
                        if (org == null)
                            return;
                        //递归找到树节点
                        var temp = OrgModelsList.Find(o => o.DataModel.ID == org.DataModel.ID);
                        if (temp != null)
                        {
                            UnExpland();
                            ExplandParent(temp);
                            temp.IsSelected = true;
                            TreeViewAutomationPeer treePeer = new TreeViewAutomationPeer(View.tree);//拿到tree控件
                            var scrollPeer = treePeer.GetPattern(PatternInterface.Scroll) as ScrollViewerAutomationPeer;
                            var scroll = scrollPeer.Owner as ScrollViewer;
                            //计算偏移量
                            _preCount = 0;
                            _laterCount = 0;
                            NodesCount(temp);//计算选择的行前后分别共有有多少条
                            if (_laterCount == 0)
                            {
                                scroll.ScrollToBottom();
                                return;
                            }
                            scroll.ScrollToVerticalOffset((_preCount-5)*30);//向上找5个后，计算滚动条，偏移高度（30是treeviewItem行高）
                        }

                    }
                    catch (Exception ex)
                    {
                        MessageBox.Show(ex.Message);
                    }

                });
            }
        }

private int _preCount;
private int _laterCount;
　　

//计算选择的行前后分别共有有多少条
        private void NodesCount(OrgModel orgModel)
        {
            var parent = OrgModelsList.Find(o => o.DataModel.ID == orgModel.DataModel.ParentId);
            if (parent == null)
                return ;
           var index= parent.Children.IndexOf(orgModel);
            _preCount = _preCount+index + 1;
            _laterCount =_laterCount+parent.Children.Count - index+1;
            NodesCount(parent);
        }

        /// <summary>
        /// 折叠所有机构树
        /// </summary>
        public void UnExpland()
        {
            foreach (var item in OrgModelsList)
            {
                item.IsSelected = false;
                item.IsExpland = false;
            }
        }

//展开所有父级节点

        public void ExplandParent(OrgModel orgModel)
        {
            var parent = OrgModelsList.Find(o => o.DataModel.ID == orgModel.DataModel.ParentId);
            if (parent == null)
                return;
            parent.IsExpland = true;
            ExplandParent(parent);
        }

附水印控件

public class WaterMarkTextBox:TextBox
    {

        public string WaterMark
        {
            get { return (string)GetValue(WaterMarkProperty); }
            set { SetValue(WaterMarkProperty, value); }
        }

        public static readonly System.Windows.DependencyProperty WaterMarkProperty =
            DependencyProperty.Register("WaterMark", typeof(string), typeof(WaterMarkTextBox));
    }

水印控件样式

posted @ 2022-08-24 12:58 心中的日月123 阅读(810) 评论(0) 收藏举报

刷新页面返回顶部

WPF 实现搜索机构树，定位到搜索节点，并递归展开父级节点，滚动条滚动到此节点（包含水印控件 mvvm）

公告