This is a migrated thread and some comments may be shown as answers.

issue in removing Tiles from Group

7 Answers 172 Views

TileList

This is a migrated thread and some comments may be shown as answers.

Ummar asked on 27 Mar 2015, 01:30 PM

Hello,
My team just upgraded the telerik version (2015.1.225.45) and the tiles functionality is now completely changed as the group property of tile is now only read only.
I am getting error "the given key is not present in dictionary" when removing the tile from group only when setting display index property for group.
i got rid of that error when setting display index of group to null but the drag/drop functionality of tiles within groups doesn't work now.
Here is the xaml code:

<Grid>

<Grid.ColumnDefinitions/>

<Grid.RowDefinitions>

<RowDefinition Height="auto"></RowDefinition>

<RowDefinition Height="auto"></RowDefinition>

<RowDefinition Height="auto"></RowDefinition>

</Grid.RowDefinitions>

<Grid.Resources>

<Style TargetType="{x:Type telerik:Tile}">

<Setter Property="TileType" Value="{Binding TileSize}" />

</Style>

</Grid.Resources>

<telerik:RadTileList x:Name="RadTileList" VerticalTilesAlignment="Top" Grid.Row="2">

<telerik:RadTileList.ItemsPanel>

<ItemsPanelTemplate>

<telerik:TileListGroupPanel />

</ItemsPanelTemplate>

</telerik:RadTileList.ItemsPanel>

</telerik:RadTileList>

<Button Width="100" Height="100" Grid.Row="0" HorizontalAlignment="Left" Content="Button" Click="Button_Click_1"></Button>

</Grid>

Button added to remove tile. Here is the code behind:

public partial class MainWindow : Window

{

ObservableCollection<TileGroup> group;

ObservableCollection<Tile> tiles = new ObservableCollection<Tile>();

Tile t;

Tile t1;

Tile t2;

Tile t3;

public MainWindow()

{

InitializeComponent();

//Groups

var groups_collection = new ObservableCollection<TileGroup>();

groups_collection.Add(new TileGroup() { Header = "Group 1", DisplayIndex=0});

groups_collection.Add(new TileGroup() { Header = "Group 2" ,DisplayIndex=1});

groups_collection.Add(new TileGroup() { Header = "Group 3" ,DisplayIndex=2});

//Tiles

t1 = new Tile() { Content = "Tile 1"};

t2 = new Tile() { Content = "Tile 2" };

//Grouping tile

groups_collection[0].Items.Add(t1);

groups_collection[1].Items.Add(t2);

//Add in TileList

RadTileList.Groups.Add(groups_collection[0]);

RadTileList.Groups.Add(groups_collection[1]);

}

private void Button_Click_1(object sender, RoutedEventArgs e)

{

RadTileList.Groups[0].Items.RemoveAt(0);

}

}

Regards,

7 Answers, 1 is accepted

0

0

answered on 01 Apr 2015, 12:59 PM

tile_bug.png

hello Maya,
Thanks for reply, but unfortunately our business logic doesn't allow this approach of xaml.
Moreover, we are facing another problem when moving tile from one group to another, the xaml code is same as abobe

<Grid>

<Grid.ColumnDefinitions/>

<Grid.RowDefinitions>

<RowDefinition Height="auto"></RowDefinition>

<RowDefinition Height="auto"></RowDefinition>

<RowDefinition Height="auto"></RowDefinition>

</Grid.RowDefinitions>

<Grid.Resources>

<Style TargetType="{x:Type telerik:Tile}">

<Setter Property="TileType" Value="{Binding TileSize}" />

</Style>

</Grid.Resources>

<telerik:RadTileList x:Name="RadTileList" VerticalTilesAlignment="Top" Grid.Row="2">

<telerik:RadTileList.ItemsPanel>

<ItemsPanelTemplate>

<telerik:TileListGroupPanel />

</ItemsPanelTemplate>

</telerik:RadTileList.ItemsPanel>

</telerik:RadTileList>

<Button Width="100" Height="100" Grid.Row="0" HorizontalAlignment="Left" Content="Button" Click="Button_Click_1"></Button>

</Grid

>



Here is the codebehind:




public partial class MainWindow : Window
   {
       ObservableCollection<TileGroup> group;
       ObservableCollection<Tile> tiles = new ObservableCollection<Tile>();
       Tile t;
 
       Tile t1;
       Tile t2;
       Tile t3;
       Tile t4;
       Tile t5;
       Tile t6;
       Tile t7;
       Tile t8;
 
 
       public MainWindow()
       {
           InitializeComponent();
 
           //Groups
           var groups_collection = new ObservableCollection<TileGroup>();
           groups_collection.Add(new TileGroup() { Header = "Group 1",DisplayIndex=0});
           groups_collection.Add(new TileGroup() { Header = "Group 2",DisplayIndex=1});
           groups_collection.Add(new TileGroup() { Header = "Group 3",DisplayIndex=2});
           groups_collection.Add(new TileGroup() { Header = "Group 4",DisplayIndex=3});
           groups_collection.Add(new TileGroup() { Header = "Group 5", DisplayIndex = 4 });
           groups_collection.Add(new TileGroup() { Header = "Group 6", DisplayIndex = 5 });
 
           //Tiles
           t1 = new Tile() { Content = "Tile 1"};
           t2 = new Tile() { Content = "Tile 2" };
           t3 = new Tile() { Content = "Tile 3" };
           t4 = new Tile() { Content="Tile4"};
           t5 = new Tile() { Content = "Tile5" };
           t6 = new Tile() { Content = "Tile6" };
           t7 = new Tile() { Content = "Tile7" };
           t8 = new Tile() { Content = "Tile8" };
            
 
           //Grouping tile
           groups_collection[0].Items.Add(t1);
           groups_collection[0].Items.Add(t2);
           groups_collection[1].Items.Add(t3);
 
           groups_collection[2].Items.Add(t4);
           groups_collection[3].Items.Add(t5);
           groups_collection[4].Items.Add(t6);
           groups_collection[5].Items.Add(t7);
           groups_collection[5].Items.Add(t8);
 
           //Add in TileList
           RadTileList.Groups.Add(groups_collection[0]);
           RadTileList.Groups.Add(groups_collection[1]);
           RadTileList.Groups.Add(groups_collection[2]);
           RadTileList.Groups.Add(groups_collection[3]);
           RadTileList.Groups.Add(groups_collection[4]);
           RadTileList.Groups.Add(groups_collection[5]);
            
 
       }
 
       private void Button_Click_1(object sender, RoutedEventArgs e)
       {
           if (RadTileList.Groups[0].Items.Count > 1)
           {
               RadTileList.Groups[0].Items.RemoveAt(0);
           }
           else
           {
               t2.Group.DisplayIndex = 0;
               RadTileList.Groups.Remove(t3.Group);
           }
       }
   }



the snapshot which contains stacktrace and error is also attached, Thanks!

0

0

0

0

0

Tags

TileList

Asked by

Answers by