0

アプリケーションでテレリック RadTreeview を使用しています。コードでMVVMパターンを使用しています。

簡単に言うと、ツリービューで特定のアイテムを選択して展開し、そのアイテムをビューにスクロールする必要があります。ビューモデルに SelectedReportRoot を設定しました。

以下のリンクに示されている例に従い、独自の拡張 radtreeview を作成しました。

http://sladapter.blogspot.com/2010/11/how-to-bind-to-silverlight-treeview.html

私の問題はパフォーマンスです。よくない。デバッグを行ったところ、アイテムの検索に時間がかかり、IE がハングアップしていることがわかりました。誰かがこれを解決する方法を教えてください。または、役立つリソースを教えてください。

 public class SelectableRadTreeViewExtended : RadTreeView
  {

    public SelectableRadTreeViewExtended()
      : base()
    {
      this.SelectionChanged += SelectableRadTreeViewExtended_SelectionChanged;
    }

    void SelectableRadTreeViewExtended_SelectionChanged(object sender, Telerik.Windows.Controls.SelectionChangedEventArgs e)
    {
      this.SelectedItem = e.AddedItems[0];
      if (SelectedItem != null)
      {

        this.CustomSelectedItem = this.SelectedItem;
      }
    }

    public object CustomSelectedItem
    {
      get { return (object)GetValue(CustomSelectedItemProperty); }
      set { SetValue(CustomSelectedItemProperty, value); }
    }
    public static readonly DependencyProperty CustomSelectedItemProperty = DependencyProperty.Register("CustomSelectedItem", typeof(object), typeof(SelectableRadTreeViewExtended), new PropertyMetadata(OnCustomSelectionItemChanged));

    private static void OnCustomSelectionItemChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
      var obj = d as SelectableRadTreeViewExtended;
      if (e.NewValue != null)
      {
        RadTreeViewItem tvi = obj.FindItemNode(e.NewValue);
        if (tvi != null)
        {
          tvi.IsSelected = true;
          obj.GetScrollHost().ScrollIntoView(tvi);
          obj.UpdateLayout();
        }
      }
    }

    public RadTreeViewItem FindItemNode(object item)
    {
      RadTreeViewItem node = null;
      foreach (object data in this.Items)
      {
        node = this.ItemContainerGenerator.ContainerFromItem(data) as RadTreeViewItem;
        if (node != null)
        {
          if (data == item)
            break;
          node = FindItemNodeInChildren(node, item);
          if (node != null)
            break;
        }
      }
      return node;
    }

    protected RadTreeViewItem FindItemNodeInChildren(RadTreeViewItem parent, object item)
    {
      RadTreeViewItem node = null;
      bool isExpanded = parent.IsExpanded;
      if (!isExpanded) //Can't find child container unless the parent node is Expanded once
      {
        parent.IsExpanded = true;
        parent.UpdateLayout();
      }
      foreach (object data in parent.Items)
      {
        node = parent.ItemContainerGenerator.ContainerFromItem(data) as RadTreeViewItem;
        if (data == item && node != null)
          break;
        node = FindItemNodeInChildren(node, item);
        if (node != null)
          break;
      }
      if (node == null && parent.IsExpanded != isExpanded)
        parent.IsExpanded = isExpanded;
      if (node != null)
        parent.IsExpanded = true;
      return node;
    }
  }



<my:SelectableRadTreeViewExtended ItemsSource="{Binding ReportRoots}"
                             SelectionMode="Single"                                 
                             IsEditable="False"
                             Grid.Row="1"
                             HorizontalAlignment="Stretch"
                             VerticalAlignment="Stretch"
                             x:Name="rtvReportRoots"
                             CustomSelectedItem="{Binding SelectedReportRoot, Mode=TwoWay}">
            <my:SelectableRadTreeViewExtended.ItemTemplate>
                <telerik:HierarchicalDataTemplate ItemsSource="{Binding Children}"
                                                  DataType="ViewModels:ReportRootEntityViewModel">
                    <Grid x:Name="NodeContainer"
                          Background="#01000000">
                        <TextBlock Text="{Binding Path=Name}"
                                   Foreground="Gray"
                                   controls:DropZoneHelper.DropZone="NotApplicable" />
                    </Grid>
                </telerik:HierarchicalDataTemplate>

            </my:SelectableRadTreeViewExtended.ItemTemplate>
        </my:SelectableRadTreeViewExtended>
4

1 に答える 1

1

問題を解決できました。私が何をしたかについては、以下を参照してください。私のコードを改善するために、コメントや提案をいつでも歓迎します。

私のUIでは、これをUserControl.Resourcesの下に追加しました

<telerik:ContainerBindingCollection x:Key="BindingCollection">
                <telerik:ContainerBinding PropertyName="IsSelected"
                                          Binding="{Binding IsSelected,Mode=TwoWay}" />
                <telerik:ContainerBinding PropertyName="IsExpanded"
                                          Binding="{Binding IsExpanded, Mode=TwoWay}" />
            </telerik:ContainerBindingCollection>

以下に追加します

<telerik:RadTreeView.ItemTemplate>
                <telerik:HierarchicalDataTemplate ItemsSource="{Binding Children}"
                                                  DataType="ViewModels:ReportRootEntityViewModel"
                                                  telerik:ContainerBinding.ContainerBindings="{StaticResource BindingCollection}">

私のItemsSourceはReportRootEntityViewModelのコレクションです。この中で、3 つの新しいプロパティを追加しました。

1 つは ReportRootEntityViewModel タイプの親です。

IsSelected と IsExpanded の 2 つのブール型プロパティ

正しい要素を取得し、以下のようにプロパティを設定するだけです

ReportRootEntityViewModel result = GetReportRootNode(Convert.ToInt32(data[0]), reportRoot.Children);
            if (result != null)
            {
              if (_previousSelectedReportRoots != null)
              {
                _previousSelectedReportRoots.Parent.Parent.IsExpanded = false;
                _previousSelectedReportRoots.Parent.IsExpanded = false;
                _previousSelectedReportRoots.IsExpanded = false;

                _previousSelectedReportRoots.IsSelected = false;
              }

              result.Parent.Parent.IsExpanded = true;
              result.Parent.IsExpanded = true;
              result.IsExpanded = true;

              result.IsSelected = true;              
              SelectedReportRoot = result;

              SelectedReportRootDisplayName = data[1];
             DisplayLabel = "Display Name :";
              _previousSelectedReportRoots = SelectedReportRoot;
              return;
            }  
于 2013-04-01T23:43:08.553 に答える