Questions on UI for WPF Forum

25,544 questions

1 answer

72 views

I have a grid that contains 18,000 order objects. When I add an aggregate function to a column to sum the total of the orders, it takes approximately 10 minutes for the operation to be completed. I realize that the aggregate function is going order by order to get the correct amount for the column's property, and as it does this, my objects have to calculate the value that needs to be added to the sum. However, while it does this, my user's screen is frozen and the program is not responding. It does eventually complete the operation, and everything is correct/usable.

My question is, is there a good way to add an aggregate function in the background, so the user doesn't experience a frozen screen? Is there a way to cancel adding the aggregate function if it is taking too long, or does the operation have to be completely executed before anything else can be done?

GridView

answered on 15 Feb 2012

2 answers

79 views

Drag and Drop within Listbox error

I have been trying to implement drag and drop within a listbox in my application and I can’t seem to get the following lines to work from the tutorial and other solutions that admins have posted on the forum:

xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"

<vsm:VisualStateManager.VisualStateGroups>

<vsm:VisualStateGroup x:Name="DragCue">

<vsm:VisualState x:Name="NoDrop" />

<vsm:VisualState x:Name="DropPossible">

I get the following error message from VS:

The tag 'VisualStateGroup' does not exist in XML namespace 'clr-namespace:System.Windows;assembly=System.Windows'.

Is there something I am missing?

I am using VS2008 in Windows XP and the trial version of Telerik RadControls for WPF.

Any help would be greatly appreciated! :)

DragAndDrop

answered on 15 Feb 2012

1 answer

694 views

Styling Group Rows in RadGridView

Hi All,

In Brief
I am having issues trying to style the GridViewGroupRow. These issues are probably due to virtualisation.

The Details
I am currently attempting to create an alternative style for displaying groups within a RadGridView. Basically, I want to:

Expand the header used for the group (GridViewHeaderIndentCell) to be the same width as the column being grouped - (got this working).
Set the Header property of this header cell (GridViewHeaderIndentCell) to the Header property of the column being grouped - (got this working).
Restyle the GridViewGroupRow to remove the top row (all groups will be auto expanded, so the toggle button will be removed too) and to increase the side (indent) row to match the new width of the group header (the same as the column being grouped) - (mostly working).

See the attached image for a graphical representation of what I am trying to do (RadGridView_GroupStyle.jpg).

On the last point, I was trying to use a custom Attached Property to record the Width of the column on the GridViewGroupRow which could then be used via a TemplateBinding in the style for the GridViewGroupRow. However, it appears that GridViewGroupRows are only created for groups that are currently visible. This means that the attached property can only be applied to these groups (consequently, when I scroll down the list, my group headers have a Width of 0.

My current attempted solution involves creating an attached property to store the width of the column. This is then attached to each GridViewGroupRow in the event handler of the Grouped event for the grid. The style for the GridViewGroupRow then uses this attached property to set the width of the telerk:IndentPresenter control. This works fine, as long as all groups are visible in the grid when the Grouped event is fired. However, if there are many groups (or the grid is small) and not all groups can be seen, the groups which are not visible do not have their width set.

Here is the code from the event handler of the Grouped event:

private void RadGridView_Grouped(object sender, GridViewGroupedEventArgs e)

{

RadGridView grid = sender as RadGridView;

ColumnGroupDescriptor groupDescriptor = null;

if (grid != null)

{

grid.UpdateLayout();

List<GridViewHeaderIndentCell> indentCells = grid.ChildrenOfType<GridViewHeaderIndentCell>().ToList();

// This is only returning groups that are currently visible??

List<GridViewGroupRow> groupRows = grid.ChildrenOfType<GridViewGroupRow>().ToList();

if (indentCells != null)

{

int totalGroupCols = grid.GroupDescriptors.Count;

switch (e.Action)

{

// add grouping.

case GroupingEventAction.Place:

double colWidth = 0.0;

if (totalGroupCols > 0 && totalGroupCols == indentCells.Count)

{

for (int i = 0; i < totalGroupCols; i++)

{

groupDescriptor = grid.GroupDescriptors[i] as ColumnGroupDescriptor;

if (groupDescriptor != null)

{

colWidth = groupDescriptor.Column.ActualWidth;

indentCells[i].Width = colWidth;

GroupingHelper.SetGroupColumnWidth(grid, colWidth);

if (groupDescriptor.Column.Header is UIElement)

{

indentCells[i].Content = CloneElement(groupDescriptor.Column.Header as UIElement);

}

else

{

indentCells[i].Content = groupDescriptor.Column.Header.ToString();

}

groupDescriptor.Column.IsVisible = false;

}

if (groupRows != null)

{

foreach (GridViewGroupRow row in groupRows)

{

GroupingHelper.SetGroupColumnWidth(row, colWidth);

if (row.HasItems)

{

List<GridViewRow> subRows = row.ChildrenOfType<GridViewRow>().ToList();

if (subRows != null)

{

foreach (GridViewRow subRow in subRows)

{

GroupingHelper.SetHideRowIndicator(subRow, true);

}

row.GroupViewModel.Column.Width = colWidth;

}

break;

// remove grouping.

case GroupingEventAction.Remove:

if (totalGroupCols > 0 && totalGroupCols == indentCells.Count)

{

for (int i = 0; i < totalGroupCols; i++)

{

groupDescriptor = grid.GroupDescriptors[i] as ColumnGroupDescriptor;

if (groupDescriptor != null)

{

indentCells[i].Width = groupDescriptor.Column.ActualWidth;

if (groupDescriptor.Column.Header is UIElement)

{

indentCells[i].Content = CloneElement(groupDescriptor.Column.Header as UIElement);

}

else

{

indentCells[i].Content = groupDescriptor.Column.Header.ToString();

}

groupDescriptor.Column.IsVisible = false;

}

groupDescriptor = e.GroupDescriptor as ColumnGroupDescriptor;

if (groupDescriptor.Column != null && !groupDescriptor.Column.IsVisible)

{

groupDescriptor.Column.IsVisible = true;

}

// optional.

break;

// re-order grouping.

case GroupingEventAction.Move:

// optional.

// TODO: Fix it up to allow re-order of columns.

break;

case GroupingEventAction.Sort:

// optional.

// TODO: Fix it up so that sorting (by group) works.

break;

default:

break;

}

this.lastGroupHeaderIndex = -1;

grid.UpdateLayout();

}

The Styles used for this are:

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

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:GridViewHeaderIndentCell}">

<Border

x:Name="OuterBorder"

HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

Width="Auto"

BorderBrush="{TemplateBinding BorderBrush}"

BorderThickness="{TemplateBinding BorderThickness}"

Padding="{TemplateBinding Padding}">

<Border x:Name="InnerBorder" BorderBrush="#FF83A5D2" BorderThickness="1">

<Border.Background>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFEBF3FF" Offset="0"/>

<GradientStop Color="#FFD0E8FF" Offset="1"/>

<GradientStop Color="#FFABC9EE" Offset="0.43"/>

<GradientStop Color="#FFC6DFFF" Offset="0.42"/>

</LinearGradientBrush>

</Border.Background>

<ContentPresenter

VerticalAlignment="Center"

HorizontalAlignment="Left"

Content="{TemplateBinding Content}"/>

</Border>

</ControlTemplate>

</Setter.Value>

</Setter>

<Setter Property="VerticalAlignment" Value="Stretch"/>

<Setter Property="HorizontalAlignment" Value="Stretch"/>

<Setter Property="VerticalContentAlignment" Value="Center"/>

<Setter Property="HorizontalContentAlignment" Value="Stretch"/>

<Setter Property="BorderThickness" Value="0,0,1,1"/>

<Setter Property="BorderBrush" Value="#FF848484"/>

<Setter Property="Background">

<Setter.Value>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FF5B5B5B" Offset="1"/>

<GradientStop Color="#FF868686"/>

<GradientStop Color="#FF4F4F4F" Offset="0.42"/>

<GradientStop Color="#FF0E0E0E" Offset="0.43"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="VerticalContentAlignment" Value="Stretch"/>

<Setter Property="HorizontalContentAlignment" Value="Stretch"/>

<Setter Property="Padding" Value="0"/>

<Setter Property="SnapsToDevicePixels" Value="True"/>

</Style>

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

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:GridViewGroupRow}">

<Grid x:Name="PART_GroupExpanderGrid">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Border

x:Name="PART_IndicatorPresenter"

VerticalAlignment="Stretch"

Width="16"

Visibility="{TemplateBinding RowIndicatorVisibility}"

Grid.Column="0"

BorderBrush="#FF83A5D2"

BorderThickness="0,0,1,1"

telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">

<Border

Background="#FFE2F0FD"

BorderBrush="White"

BorderThickness="1"/>

</Border>

<telerik:IndentPresenter

Background="{TemplateBinding Background}"

IsTabStop="False"

Grid.Column="1"

HorizontalAlignment="Left"

IndentLevel="{TemplateBinding Level}"

telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical"

Width="{TemplateBinding loc:GroupingHelper.GroupColumnWidth}"

>

<telerik:StyleManager.Theme>

<telerik:Office_BlueTheme/>

</telerik:StyleManager.Theme>

<ContentPresenter

VerticalAlignment="Center"

HorizontalAlignment="Left"

Content="{TemplateBinding GroupViewModel}"

ContentTemplate="{TemplateBinding GroupHeaderTemplate}"

/>

</telerik:IndentPresenter>

<Border

x:Name="Content"

Grid.Column="2"

BorderThickness="1,0,0,0"

BorderBrush="#FFCBCBCB">

<StackPanel>

<telerik:GridViewVirtualizingPanel x:Name="PART_GridViewVirtualizingPanel"/>

<telerik:GridViewGroupFooterRow x:Name="Footer" IsTabStop="False">

<telerik:StyleManager.Theme>

<telerik:Office_BlueTheme/>

</telerik:StyleManager.Theme>

</telerik:GridViewGroupFooterRow>

</StackPanel>

</Border>

<Border

x:Name="BottomBorder"

VerticalAlignment="Bottom"

Visibility="Visible"

Grid.Column="1"

Grid.ColumnSpan="2"

BorderBrush="#FF83A5D2"

BorderThickness="0,0,0,1"

telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"/>

</Grid>

</ControlTemplate>

</Setter.Value>

</Setter>

<Setter Property="GroupHeaderTemplate">

<Setter.Value>

<DataTemplate>

<ContentPresenter Content="{Binding Header}"/>

</DataTemplate>

</Setter.Value>

</Setter>

<Setter Property="Width" Value="{Binding Column.Width}"/>

<Setter Property="Background" Value="#FFE4E4E4"/>

<Setter Property="BorderBrush" Value="#FFCBCBCB"/>

<Setter Property="BorderThickness" Value="0"/>

<Setter Property="VerticalContentAlignment" Value="Center"/>

<Setter Property="HorizontalContentAlignment" Value="Left"/>

<Setter Property="Padding" Value="10,0,0,0"/>

<Setter Property="MinHeight" Value="25"/>

<Setter Property="AllowDrop" Value="True"/>

<Setter Property="SnapsToDevicePixels" Value="True"/>

</Style>

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

<Setter Property="IsTabStop" Value="False"/>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="{x:Type telerik:GridViewRow}">

<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">

<telerik:SelectiveScrollingGrid x:Name="grid">

<telerik:SelectiveScrollingGrid.ColumnDefinitions>

<ColumnDefinition Width="Auto"/>

<ColumnDefinition Width="*"/>

</telerik:SelectiveScrollingGrid.ColumnDefinitions>

<telerik:SelectiveScrollingGrid.RowDefinitions>

<RowDefinition Height="*"/>

<RowDefinition Height="Auto"/>

</telerik:SelectiveScrollingGrid.RowDefinitions>

<Border x:Name="SelectionBackground" Margin="{TemplateBinding Margin}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Grid.Column="2" Grid.ColumnSpan="2" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"/>

<Border x:Name="Background_Over" Margin="1,1,1,2" Visibility="Collapsed" Grid.Column="2" Grid.ColumnSpan="2" BorderBrush="#FFFFC92B" BorderThickness="1" CornerRadius="1" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border BorderBrush="White" BorderThickness="1">

<Border.Background>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFFFFBA3" Offset="1"/>

<GradientStop Color="#FFFFFBDA" Offset="0"/>

</LinearGradientBrush>

</Border.Background>

</Border>

<Border x:Name="Background_Selected" Margin="1,1,1,2" Visibility="Collapsed" Grid.Column="2" Grid.ColumnSpan="2" BorderBrush="#FFFFC92B" BorderThickness="1" CornerRadius="1" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border BorderBrush="White" BorderThickness="1">

<Border.Background>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFFCE79F" Offset="1"/>

<GradientStop Color="#FFFDD3A8"/>

</LinearGradientBrush>

</Border.Background>

</Border>

<Border x:Name="Background_Invalid" Margin="1,1,1,2" Visibility="Collapsed" Grid.Column="2" Grid.ColumnSpan="2" BorderBrush="#FFCE7D7D" BorderThickness="1" CornerRadius="1" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border BorderThickness="1">

<Border.Background>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFFCDCDC"/>

<GradientStop Color="#FFFCC1C1" Offset="1"/>

</LinearGradientBrush>

</Border.Background>

<Border.BorderBrush>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFEBF4FD"/>

<GradientStop Color="#FFDBEAFD" Offset="1"/>

</LinearGradientBrush>

</Border.BorderBrush>

</Border>

<telerik:GridViewToggleButton x:Name="PART_HierarchyExpandButton" Width="25" IsTabStop="{TemplateBinding IsTabStop}" IsHitTestVisible="{Binding IsExpandable, RelativeSource={RelativeSource TemplatedParent}}" Grid.Column="2" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">

<telerik:GridViewToggleButton.Template>

<ControlTemplate TargetType="{x:Type telerik:GridViewToggleButton}">

<Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="Transparent">

<Border HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Width="9" Height="9" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">

<Grid>

<Path x:Name="plus" Fill="#FF3C6AA3" Stretch="Fill" Stroke="{x:Null}" Margin="{TemplateBinding Padding}" Width="5" Height="5" Data=

"M1.937,0L2.937,0 2.937,2.0209999 5,2.0209999 5,3.0209999 2.937,3.0209999 2.937,5 1.937,5 1.937,3.0209999 0,3.0209999 0,2.0209999 1.937,2.0209999z"

/>

<Rectangle x:Name="minus" Fill="#FF3C6AA3" Stroke="{x:Null}" RadiusX="0" RadiusY="0" HorizontalAlignment="Center" Margin="{TemplateBinding Padding}" VerticalAlignment="Center" Width="5" Height="1" Opacity="0"/>

</Grid>

</Border>

<ControlTemplate.Triggers>

<Trigger Property="IsChecked" Value="True">

<Setter Property="Opacity" TargetName="plus" Value="0"/>

<Setter Property="Opacity" TargetName="minus" Value="1"/>

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</telerik:GridViewToggleButton.Template>

<telerik:GridViewToggleButton.Opacity>

<Binding Path="IsExpandable" RelativeSource="{RelativeSource TemplatedParent}">

<Binding.Converter>

<telerik:BooleanToOpacityConverter/>

</Binding.Converter>

</Binding>

</telerik:GridViewToggleButton.Opacity>

<telerik:GridViewToggleButton.Visibility>

<Binding Path="HasHierarchy" RelativeSource="{RelativeSource TemplatedParent}">

<Binding.Converter>

<telerik:BooleanToVisibilityConverter/>

</Binding.Converter>

</Binding>

</telerik:GridViewToggleButton.Visibility>

<telerik:StyleManager.Theme>

<telerik:Office_BlueTheme/>

</telerik:StyleManager.Theme>

</telerik:GridViewToggleButton>

<Border Grid.Column="2" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">

<Border.Visibility>

<Binding Path="HasHierarchy" RelativeSource="{RelativeSource TemplatedParent}">

<Binding.Converter>

<telerik:BooleanToVisibilityConverter/>

</Binding.Converter>

</Binding>

</Border.Visibility>

</Border>

<telerik:DataCellsPresenter x:Name="PART_DataCellsPresenter" IsTabStop="False" Grid.Column="3">

<telerik:StyleManager.Theme>

<telerik:Office_BlueTheme/>

</telerik:StyleManager.Theme>

</telerik:DataCellsPresenter>

<Border x:Name="PART_RowBorder" VerticalAlignment="Bottom" Grid.Column="1" Grid.ColumnSpan="4" Grid.RowSpan="4" BorderBrush="{TemplateBinding HorizontalGridLinesBrush}" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border.BorderThickness>

<Binding Path="HorizontalGridLinesWidth" ConverterParameter="Bottom" RelativeSource="{RelativeSource TemplatedParent}">

<Binding.Converter>

<telerik:GridLineWidthToThicknessConverter/>

</Binding.Converter>

</Binding>

</Border.BorderThickness>

</Border>

<Border Grid.Column="2" Grid.ColumnSpan="2" Grid.Row="2" Background="#FFA7C4E8" BorderBrush="#FF83A5D2" BorderThickness="0,1" Padding="6" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True">

<Border.Visibility>

<Binding Path="IsExpanded" RelativeSource="{RelativeSource TemplatedParent}">

<Binding.Converter>

<telerik:BooleanToVisibilityConverter/>

</Binding.Converter>

</Binding>

</Border.Visibility>

<ContentPresenter

x:Name="PART_HierarchyChildPresenter"

Content="{TemplateBinding Content}"

ContentStringFormat="{TemplateBinding ContentStringFormat}"

ContentTemplate="{TemplateBinding ContentTemplate}"

telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True"/>

</Border>

<telerik:DetailsPresenter x:Name="PART_DetailsPresenter" IsTabStop="False" Grid.Column="2" Grid.ColumnSpan="2" Grid.Row="1" telerik:SelectiveScrollingGrid.SelectiveScrollingClip="True" DetailsProvider="{TemplateBinding DetailsProvider}">

<telerik:StyleManager.Theme>

<telerik:Office_BlueTheme/>

</telerik:StyleManager.Theme>

</telerik:DetailsPresenter>

<telerik:IndentPresenter

Visibility="Collapsed"

x:Name="PART_IndentPresenter"

IsTabStop="False"

Grid.Column="1"

Grid.RowSpan="4"

IndentLevel="{TemplateBinding IndentLevel}"

telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">

<telerik:StyleManager.Theme>

<telerik:Office_BlueTheme/>

</telerik:StyleManager.Theme>

</telerik:IndentPresenter>

<!--<Border x:Name="PART_IndicatorPresenter" VerticalAlignment="Stretch" Width="25" Visibility="{TemplateBinding RowIndicatorVisibility}" Grid.Column="0" Grid.RowSpan="3" BorderBrush="#FF83A5D2" BorderThickness="0,0,1,1" telerik:SelectiveScrollingGrid.SelectiveScrollingOrientation="Vertical">

<Border x:Name="NavigatorIndicatorBackground" Background="#FFE2F0FD" BorderBrush="White" BorderThickness="1">

<Grid>

<Grid x:Name="NavigatorIndicator" HorizontalAlignment="Center" VerticalAlignment="Center" Width="11" Height="11" Visibility="Collapsed">

<Path Fill="#FF80A3D0" Stretch="Fill" HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center" Width="8" Height="8" Data=

"F1M32.0234,6.66669L24.2923,0.0248413 28.3697,0.0248413 32,3.14362 36.1492,6.70819 32,10.2728 28.4664,13.3085 24.2923,13.3085 32.0234,6.66669z"

/>

</Grid>

<Grid x:Name="EditIndicator" HorizontalAlignment="Center" VerticalAlignment="Center" Width="16" Height="10" Visibility="Collapsed">

<Path Fill="#7F83A5D2" Stretch="Fill" Data=

"M14,9L15,9 15,10 14,10z M1,9L2,9 2,10 1,10z M15,8L16,8 16,9 15,9z M0,8L1,8 1,9 0,9z M15,1L16,1 16,2 15,2z M0,1L1,1 1,2 0,2z M14,0L15,0 15,1 14,1z M1,0L2,0 2,1 1,1z"

/>

<Path Fill="#FFB3D0F3" Stretch="Fill" Margin="1" Data=

"M0.99999994,6.9999995L2,6.9999995 3,6.9999995 4,6.9999995 5,6.9999995 6,6.9999995 7,6.9999995 8,6.9999995 9,6.9999995 10,6.9999995 11,6.9999995 12,6.9999995 13,6.9999995 13,7.9999995 12,7.9999995 11,7.9999995 10,7.9999995 9,7.9999995 8,7.9999995 7,7.9999995 6,7.9999995 5,7.9999995 4,7.9999995 3,7.9999995 2,7.9999995 0.99999994,7.9999995z M13,0.99999994L14,0.99999994 14,1.9999999 14,2.9999995 14,3.9999995 14,4.9999995 14,5.9999995 14,6.9999995 13,6.9999995 13,5.9999995 13,4.9999995 13,3.9999995 13,2.9999995 13,1.9999999z M0,0.99999994L0.99999994,0.99999994 0.99999994,1.9999999 0.99999994,2.9999995 0.99999994,3.9999995 0.99999994,4.9999995 0.99999994,5.9999995 0.99999994,6.9999995 0,6.9999995 0,5.9999995 0,4.9999995 0,3.9999995 0,2.9999995 0,1.9999999z M11,0L12,0 13,0 13,0.99999994 12,0.99999994 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 4,0.99999994 3,0.99999994 2,0.99999994 0.99999994,0.99999994 0.99999994,2.3841858E-07 2,2.3841858E-07 3,2.3841858E-07 4,2.3841858E-07 5,2.3841858E-07 6,2.3841858E-07 7,2.3841858E-07 8,2.3841858E-07 9,2.3841858E-07 10,2.3841858E-07z"

/>

<Path Fill="#FF83A5D2" Stretch="Fill" Data=

"M2,9L3,9 4,9 5,9 6,9 7,9 8,9 9,9 10,9 11,9 12,9 13,9 14,9 14,10 13,10 12,10 11,10 10,10 9,10 8,10 7,10 6,10 5,10 4,10 3,10 2,10z M14,8L15,8 15,9 14,9z M1,8L2,8 2,9 1,9z M15,2L16,2 16,3 16,4 16,5 16,6 16,7 16,8 15,8 15,7 15,6 15,5 15,4 15,3z M3,2L4,2 5,2 6,2 6,3 5,3 5,4 5,5 5,6 5,7 6,7 6,8 5,8 4,8 3,8 3,7 4,7 4,6 4,5 4,4 4,3 3,3z M0,2L1,2 1,3 1,4 1,5 1,6 1,7 1,8 0,8 0,7 0,6 0,5 0,4 0,3z M14,1L15,1 15,2 14,2z M1,1L2,1 2,2 1,2z M2,0L3,0 4,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 13,0 14,0 14,1 13,1 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1 3,1 2,1z"

/>

<Path Fill="White" Stretch="Fill" Margin="2" Data=

"M4,0L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 12,2 12,3 12,4 12,5.0000001 12,6 11,6 10,6 9,6 8,6 7,6 6,6 5,6 4,6 4,5.0000001 3,5.0000001 3,4 3,3 3,2 3,1 4,1z M0,0L1,0 1,1 2,1 2,2 2,3 2,4 2,5.0000001 1,5.0000001 1,6 0,6 0,5.0000001 0,4 0,3 0,2 0,1z"

/>

</Grid>

<Grid x:Name="ErrorIndicator" HorizontalAlignment="Center" VerticalAlignment="Center" Width="16" Height="16" Visibility="Collapsed">

<Grid.ToolTip>

<ToolTip x:Name="validationTooltip" Content="{TemplateBinding Errors}" Placement="Bottom">

<ToolTip.Template>

<ControlTemplate TargetType="{x:Type ToolTip}">

<Grid x:Name="Root" Margin="5,0" Opacity="0" RenderTransformOrigin="0,0">

<Grid.RenderTransform>

<TranslateTransform X="-25"/>

</Grid.RenderTransform>

<Border Margin="4,4,-4,-4" Background="#052A2E31" CornerRadius="5"/>

<Border Margin="3,3,-3,-3" Background="#152A2E31" CornerRadius="4"/>

<Border Margin="2,2,-2,-2" Background="#252A2E31" CornerRadius="3"/>

<Border Margin="1,1,-1,-1" Background="#352A2E31" CornerRadius="2"/>

<Border Background="#FFDC000C" CornerRadius="2"/>

<Border CornerRadius="2">

<ItemsControl>

<ItemsControl.ItemTemplate>

<DataTemplate>

<TextBlock Margin="8,4" MaxWidth="250" Foreground="White" Text="{Binding}" TextWrapping="Wrap"/>

</DataTemplate>

</ItemsControl.ItemTemplate>

<ItemsControl.ItemsPanel>

<ItemsPanelTemplate>

<StackPanel IsItemsHost="True"/>

</ItemsPanelTemplate>

</ItemsControl.ItemsPanel>

</ItemsControl>

</Border>

</Grid>

<ControlTemplate.Triggers>

<Trigger Property="IsOpen" Value="True">

<Trigger.EnterActions>

<BeginStoryboard x:Name="OpenAnimation">

<Storyboard>

<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="xform" Storyboard.TargetProperty="X" To="0"/>

<DoubleAnimation Duration="00:00:00.2000000" Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity" To="1"/>

</Storyboard>

</BeginStoryboard>

</Trigger.EnterActions>

<Trigger.ExitActions>

<StopStoryboard BeginStoryboardName="OpenAnimation"/>

</Trigger.ExitActions>

</Trigger>

<Trigger Property="IsOpen" Value="True">

<Setter Property="RenderTransform" TargetName="Root">

<Setter.Value>

<TranslateTransform X="0"/>

</Setter.Value>

</Setter>

<Setter Property="Opacity" TargetName="Root" Value="1"/>

</Trigger>

<Trigger Property="IsOpen" Value="False">

<Setter Property="Opacity" TargetName="Root" Value="0"/>

</Trigger>

</ControlTemplate.Triggers>

</ControlTemplate>

</ToolTip.Template>

</ToolTip>

</Grid.ToolTip>

<Path Stretch="Fill" Margin="1" Data=

"M3,12.999999L4,12.999999 5,12.999999 6,12.999999 7,12.999999 8,12.999999 9,12.999999 10,12.999999 11,12.999999 11,13.999999 10,13.999999 9,13.999999 8,13.999999 7,13.999999 6,13.999999 5,13.999999 4,13.999999 3,13.999999z M11,11.999999L12,11.999999 12,12.999999 11,12.999999z M2.0000001,11.999999L3,11.999999 3,12.999999 2.0000001,12.999999z M12,10.999999L13,10.999999 13,11.999999 12,11.999999z M1,10.999999L2.0000001,10.999999 2.0000001,11.999999 1,11.999999z M13,2.9999992L14,2.9999992 14,3.9999992 14,4.9999992 14,5.9999992 14,6.9999992 14,7.9999992 14,8.9999992 14,9.9999992 14,10.999999 13,10.999999 13,9.9999992 13,8.9999992 13,7.9999992 13,6.9999992 13,5.9999992 13,4.9999992 13,3.9999992z M0,2.9999992L1,2.9999992 1,3.9999992 1,4.9999992 1,5.9999992 1,6.9999992 1,7.9999992 1,8.9999992 1,9.9999992 1,10.999999 0,10.999999 0,9.9999992 0,8.9999992 0,7.9999992 0,6.9999992 0,5.9999992 0,4.9999992 0,3.9999992z M12,1.9999999L13,1.9999999 13,2.9999992 12,2.9999992z M1,1.9999999L2.0000001,1.9999999 2.0000001,2.9999992 1,2.9999992z M11,0.99999994L12,0.99999994 12,1.9999999 11,1.9999999z M2.0000001,0.99999994L2.9999998,0.99999994 2.9999998,1.9999999 2.0000001,1.9999999z M2.9999998,0L3.9999998,0 5,0 6,0 7,0 8,0 9,0 10,0 11,0 11,0.99999994 10,0.99999994 9,0.99999994 8,0.99999994 7,0.99999994 6,0.99999994 5,0.99999994 3.9999998,0.99999994 2.9999998,0.99999994z"

>

<Path.Fill>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFFC9999" Offset="0"/>

<GradientStop Color="#FFC26666" Offset="1"/>

</LinearGradientBrush>

</Path.Fill>

</Path>

<Path Fill="White" Stretch="Fill" Margin="7,3" Data=

"M1.4901161E-07,8L1.0000001,8 2.0000002,8 2.0000002,9 2.0000002,10 1.0000003,10 1.0000003,9 1.0000001,10 1.4901161E-07,10 1.4901161E-07,9z M1.4901161E-07,0L1.0000001,0 2.0000002,0 2.0000002,1 2.0000002,2 2.0000002,3 2.0000002,4.0000001 2.0000002,5 2.0000002,5.9999999 2.0000002,7 1.0000001,7 1.4901161E-07,7 1.4901161E-07,5.9999999 1.4901161E-07,5 1.4901161E-07,4.0000001 1.4901161E-07,3 1.4901161E-07,2 0,1z"

/>

<Path Stretch="Fill" Data=

"M4,15L5,15 6,15 7,15 8,15 9,15 10,15 11,15 12,15 12,16 11,16 10,16 9,16 8,16 7,16 6,16 5,16 4,16z M12,14L13,14 13,15 12,15z M3,14L4,14 4,15 3,15z M13,13L14,13 14,14 13,14z M2,13L3,13 3,14 2,14z M14,12L15,12 15,13 14,13z M1,12L2,12 2,13 1,13z M7,11L7,12 7,13 8,13 9,13 9,12 9,11 8,11z M15,4L16,4 16,5 16,6 16,7 16,8 16,9 16,10 16,11 16,12 15,12 15,11 15,10 15,9 15,8 15,7 15,6 15,5z M0,4L1,4 1,5 1,6 1,7 1,8 1,9 1,10 1,11 1,12 0,12 0,11 0,10 0,9 0,8 0,7 0,6 0,5z M14,3L15,3 15,4 14,4z M7,3L7,4 7,5 7,6 7,7 7,8 7,9 7,10 8,10 9,10 9,9 9,8 9,7 9,6 9,5 9,4 9,3 8,3z M1,3L2,3 2,4 1,4z M13,2L14,2 14,3 13,3z M4,2L5,2 6,2 7,2 8,2 9,2 10,2 11,2 12,2 12,3 13,3 13,4 14,4 14,5 14,6 14,7 14,8 14,9 14,10 14,11 14,12 13,12 13,13 12,13 12,14 11,14 10,14 9,14 8,14 7,14 6,14 5,14 4,14 4,13 3,13 3,12 2,12 2,11 2,10 2,9 2,8 2,7 2,6 2,5 2,4 3,4 3,3 4,3z M2,2L3,2 3,3 2,3z M12,1L13,1 13,2 12,2z M3,1L4,1 4,2 3,2z M4,0L5,0 6,0 7,0 8,0 9,0 10,0 11,0 12,0 12,1 11,1 10,1 9,1 8,1 7,1 6,1 5,1 4,1z"

>

<Path.Fill>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="Red" Offset="0"/>

<GradientStop Color="#FF990000" Offset="1"/>

</LinearGradientBrush>

</Path.Fill>

</Path>

</Grid>

<Border x:Name="PART_RowResizer" Cursor="SizeNS" VerticalAlignment="Bottom" Height="2" Background="Transparent"/>

</Grid>

</Border>

</Border>-->

</telerik:SelectiveScrollingGrid>

</Border>

<ControlTemplate.Triggers>

<MultiTrigger>

<MultiTrigger.Conditions>

<Condition Property="IsSelected" Value="True"/>

<Condition Property="DisplayVisualCues" Value="True"/>

</MultiTrigger.Conditions>

<Setter Property="Visibility" TargetName="Background_Selected" Value="Visible"/>

<!--<Setter Property="Background" TargetName="NavigatorIndicatorBackground">

<Setter.Value>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="White" Offset="0"/>

<GradientStop Color="#FFE2F0FD" Offset="1"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>-->

</MultiTrigger>

<MultiTrigger>

<MultiTrigger.Conditions>

<Condition Property="DisplayVisualCues" Value="True"/>

<Condition Property="IsMouseOver" Value="True"/>

</MultiTrigger.Conditions>

<Setter Property="Visibility" TargetName="Background_Over" Value="Visible"/>

</MultiTrigger>

<!--<Trigger Property="IsValid" Value="False">

<Setter Property="Visibility" TargetName="ErrorIndicator" Value="Visible"/>

<Setter Property="Visibility" TargetName="EditIndicator" Value="Collapsed"/>

<Setter Property="Visibility" TargetName="NavigatorIndicator" Value="Collapsed"/>

</Trigger>-->

<MultiTrigger>

<MultiTrigger.Conditions>

<Condition Property="IsValid" Value="False"/>

<Condition Property="DisplayVisualCues" Value="True"/>

</MultiTrigger.Conditions>

<Setter Property="Visibility" TargetName="Background_Invalid" Value="Visible"/>

</MultiTrigger>

<!--<Trigger Property="IsCurrent" Value="True">

<Setter Property="Visibility" TargetName="NavigatorIndicator" Value="Visible"/>

</Trigger>-->

<!--<Trigger Property="IsInEditMode" Value="True">

<Setter Property="Visibility" TargetName="EditIndicator" Value="Visible"/>

</Trigger>-->

</ControlTemplate.Triggers>

</ControlTemplate>

</Setter.Value>

</Setter>

<Setter Property="Background" Value="White"/>

<Setter Property="BorderBrush" Value="#FFB3D0F3"/>

<Setter Property="BorderThickness" Value="0"/>

<Setter Property="AllowDrop" Value="True"/>

<Setter Property="FontWeight" Value="Normal"/>

<Setter Property="VerticalContentAlignment" Value="Stretch"/>

<Setter Property="HorizontalContentAlignment" Value="Stretch"/>

<Setter Property="Padding" Value="0"/>

<Setter Property="SnapsToDevicePixels" Value="True"/>

</Style>

In practice, I would not require the ability for the user to specify groups. This will be used to group items in a fixed and pre-defined manner. The ability to sort or otherwise interact with the group data is also not that important to me, however, I will need to interact with and be able to edit the information in the actual rows (ungrouped columns).

If anyone can point me in the right direction or just offer some advice, I would be greatly appreciative. Please let me know if further clarification of my issue is required.

Sincerely,
Mark

GridView

answered on 15 Feb 2012

2 answers

284 views

Cell focus after edit

I have some grids where the user selects a code in the first column. Based on that code, I set some IsReadOnlyBinding MVVM properties to hide or display the rest of the columns. This works great if the next column is always editable. However, if the next column is sometimes read only and sometimes editable, I get odd results.

If I set the default value to editable and then set it to read only when I select the code, that column gets focus although it does not go into edit mode. I then have to tab again to get to my next editable field.

If I set the default value to hidden and then set it to editable when I select the code, that column gets skipped. I can tab back to it and it is editable but obviously that is not very user friendly to have to go back and forth.

I know that the keyboard command provider is executed before the property is committed so the next keyboard action is already figured before the grid knows whether the next column is going to be read only or editable. Is there a way to capture the focus on the cell and move it forward if the cell is read only programmatically? Or a way to refresh the keyboard commands after the properties are set? Any other ideas?

thanks!

GridView

answered on 14 Feb 2012

1 answer

91 views

wpf & win8

Hi,

is it right wpf will not longer be developed after Windows8?

regrads ww

General Discussions

answered on 14 Feb 2012

2 answers

167 views

Ribbongroups not visible issue

Hello. We've encountered a bit of a strange problem moving from RadRibbonBar Q2.2011 to RadRibbonView with Q3.2011.

At random, let's say one out of five times the ribbongroups are not shown when the application is started. We are using Prism and the steps to add ribbongroups are as following:

1. The Ribbon is declared in XAML (Shell)
2. A module is loaded and adds it's ribbontabs, using the RegionManager.
3. Ribbongroups are added to the ribbontabs, without using the RegionManager. RibbonGroups are reused in different modules, so I want to add them dynamically in code.

This used to work fine in Q2, but with RibbonView and Q3 the ribbongroups are not visible at random times. When switching to another RibbonTab and back again the ribbongroups are visible again.
Using Snoop I can see that the ActualHeight and ActualWidth of the RibbonGroupsPanel is wrong (18, 314), should have been 87,1248. And the alignment og the ribbongroupspanel seems a bit off, located behind the ribbontab headers.

Do you have any idea what could be the issue here, or any remedies? Remember that this only happens at random times.
I haven't tried to recreate the issue in a testproject but that could be the next step. I realize that you don't have to much to go on here, but perhaps you know of any changes made between RibbonBar and RibbonView that could leed us to the source of the problem?

Best regards
Arnstein

RibbonView and RibbonWindow

answered on 14 Feb 2012

4 answers

184 views

Customize Icons in DataForm

Hi,

I'm using the RadDataForm and i want to know if it is possible to customize the Add,Edit,Delete button.
I want to change the image of the icons and also the font size.

Is there a possible way to do this ?

Regards,
Shaimaa

DataForm

answered on 14 Feb 2012

0 answers

90 views

Ask help about Filter DLL of GridView

Hi all,

I'm using trial version and want to try this with your example but I can't compile my application. Below is the error I got .

Error 1 The type or namespace name 'Filter' does not exist in the namespace 'Telerik.Windows.Controls.GridView' (are you missing an assembly reference?) C:\Documents and Settings\nxhieu\Desktop\Telerik vs DevExpress\TelerikSample1\TelerikSample1\obj\x86\Debug\MainWindow.g.cs 38 41 TelerikSample1

Unfortunately, I can't find this DLL on the trial version's DLLs. Could you please help me resolve this problem? By the way, have the trial version's DLLs included this DLL (GridView.Filter). I'm looking forward to your response.

Thank in advance,

Hieu Nguyen

GridView

asked on 14 Feb 2012

2 answers

321 views

RadColorEditor Style: select Transparent color

I have created a custom style for the RadColorEditor.
I want to add in the ability for the user to select transparent as the color.
So, I added a Border with an EventTrigger for it's MouseUp event and within that I have a StoryBoard with a ColorAnimation.
I target the SelectedColor of the TemplatedParent (the RadColorEditor) and it sets the SelectedColor to Transparent as expected.
However, after I do this, I can no longer select colors using rectangle (for selecting the saturation) and rectangle-bar (for selecting hue).




<Style x:Key="{x:Type telerik:RadColorEditor}" TargetType="{x:Type telerik:RadColorEditor}">
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="BorderBrush" Value="#FF848484"/>
    <Setter Property="Padding" Value="12"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type telerik:RadColorEditor}">
                <Border x:Name="LayoutRoot" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="20"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="20"/>
                            </Grid.RowDefinitions>
                            <Grid Margin="0,0,3,3">
                                <Rectangle>
                                    <Rectangle.Fill>
                                        <Binding ElementName="HuePad" Path="PointerRelativePosition.Y">
                                            <Binding.Converter>
                                                <Telerik_Windows_Controls_ColorEditor_Converters:HueConverter/>
                                            </Binding.Converter>
                                        </Binding>
                                    </Rectangle.Fill>
                                </Rectangle>
                                <Rectangle>
                                    <Rectangle.Fill>
                                        <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                                            <GradientStop Color="White"/>
                                            <GradientStop Color="Transparent" Offset="1"/>
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                                <Rectangle>
                                    <Rectangle.Fill>
                                        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
                                            <GradientStop Color="Black" Offset="0"/>
                                            <GradientStop Color="#00000000" Offset="1"/>
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                                <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                                    <Telerik_Windows_Controls_ColorEditor_Pad:Pad x:Name="SaturationValuePad" MovementDirection="Both">
                                        <Grid>
                                            <Ellipse Height="12" Stroke="Black" StrokeThickness="1" Width="12"/>
                                            <Ellipse Height="10" Stroke="White" StrokeThickness="1" Width="10"/>
                                        </Grid>
                                    </Telerik_Windows_Controls_ColorEditor_Pad:Pad>
                                </Border>
                            </Grid>
                            <Grid Grid.Column="1" Margin="0,0,0,0">
                                <Rectangle>
                                    <Rectangle.Fill>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0.025">
                                            <GradientStop Color="Red"/>
                                            <GradientStop Color="#FEFFFF00" Offset="0.167"/>
                                            <GradientStop Color="#FE00FF00" Offset="0.333"/>
                                            <GradientStop Color="#FE00FFFF" Offset="0.5"/>
                                            <GradientStop Color="#FE0000FF" Offset="0.667"/>
                                            <GradientStop Color="#FEFF00FF" Offset="0.833"/>
                                            <GradientStop Color="Red" Offset="1"/>
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle>
                                <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                                    <Telerik_Windows_Controls_ColorEditor_Pad:Pad x:Name="HuePad" MovementDirection="Y">
                                        <Grid Height="7" Width="18">
                                            <Path Data="M0,0L3.5085413,3.5085411 0,7.0170822z" Fill="Black" HorizontalAlignment="Left" Height="7" Stretch="Fill" Width="3.5"/>
                                            <Path Data="M0.06,3.5L4,0 4,7 0.06,3.515625z" Fill="Black" HorizontalAlignment="Right" Height="7" Stretch="Fill" Width="3.5"/>
                                        </Grid>
                                    </Telerik_Windows_Controls_ColorEditor_Pad:Pad>
                                </Border>
                            </Grid>
                            <Grid Margin="0,0,3,0" Grid.Row="1">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
 
                                <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,1,0,1"
                                        ToolTip="{Binding PreviousColor, RelativeSource={RelativeSource TemplatedParent}}">
                                    <Border.Background>
                                        <Binding Path="PreviousColor" RelativeSource="{RelativeSource TemplatedParent}">
                                            <Binding.Converter>
                                                <telerik:ColorToBrushConverter/>
                                            </Binding.Converter>
                                        </Binding>
                                    </Border.Background>
                                </Border>
                                <Border BorderBrush="{TemplateBinding BorderBrush}"
                                        BorderThickness="0,1,1,1" Grid.Column="1" Margin="-1,0,0,0"
                                        ToolTip="{Binding SelectedColor, RelativeSource={RelativeSource TemplatedParent}}">
                                    <Border.Background>
                                        <Binding Path="SelectedColor" RelativeSource="{RelativeSource TemplatedParent}">
                                            <Binding.Converter>
                                                <telerik:ColorToBrushConverter/>
                                            </Binding.Converter>
                                        </Binding>
                                    </Border.Background>
                                </Border>
                            </Grid>
                            <Border x:Name="TransparentOption" BorderThickness="1,1,2,1"
                                    Background="{StaticResource TemplateEditingSpaceBackground}"
                                    Grid.Row="1"
                                    Grid.Column="1">
                                <Border.Triggers>
                                    <EventTrigger RoutedEvent="Border.MouseUp" >
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <ColorAnimation BeginTime="0:0:0" From="Transparent" To="Transparent"
                                                                Storyboard.TargetProperty="SelectedColor"
                                                                Storyboard.Target="{Binding RelativeSource={RelativeSource TemplatedParent}}"/>
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger>
                                </Border.Triggers>
                            </Border>
                        </Grid>
                    </Grid>
                </Border>
 
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Thank you for your time.

ColorEditor

answered on 13 Feb 2012

2 answers

219 views

Using DataForm on insert

I'm trying to create a grid that uses RadDataForm to display and to edit row details, and which also supports insert and delete of rows.

My current problem is getting insert to work using the same form layout as the edit. By default, the insert-row drops you into editing the row in the grid, rather than editing a new record in a detail DataForm.

Browsing the forums showed me this thread - and with this I was able to override the GridViewNewRow template - but if that's only part of the solution, at best.

My grid has ShowInsertRow="False", instead I have a button that triggers RadGridViewCommands.BeginInsert. When I click that, I still end up editing the rows of the grid, and not in a DataForm.

When I set ShowInsertRow="True", I don't see the "Click here to add new item" row, instead I see my GridViewNewRow template, but clearly bound incorrectly: "BindingExpression path error: 'CurrentItem' property not found on 'object'."

It seems to me that if most people who are displaying and editing row details in a data form, whether a RadDataForm or something custom, are also going to want to insert new rows using that same data form.

But if there's a way to do it, I've not been able to find it.

--- EDITED ---

OK, one thing I've figured out. The GridViewNewRow template only controls the appearance of the "Click here to add new item" row - it has nothing to do with the row on which the editing is actually done. Which still leaves me not knowing how to get the grid to use a RadDataForm for inserting new rows, when it is configured to use a RadDataForm to display and edit rows.

DataForm

answered on 13 Feb 2012

Top users last month