Questions on UI for WPF Forum

4 answers

124 views

Hi there,

I am currently evaluating your RadGridView and I must say that I'm quite surprised. Your RadGridView control is easy and straight forward to use compare to other bigger brands in the market. It's very unfortunate that I had wasted several weeks evaluating other grid controls.

I'm currently having a problem with MultipleSelect when it's set to True. Please have a look at the following sample,

XAML code:

    
            <Window x:Class="WpfApplication1.Window1" 
        
                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
        
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        
                Title="Window1" Height="412" Width="447" 
        
                    xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" 
        
                    xmlns:WpfApplication1="clr-namespace:WpfApplication1">  
        
                <Window.Resources> 
        
                    <ObjectDataProvider x:Key="viewModel" ObjectType="{x:Type WpfApplication1:CustomerViewModel}" /> 
        
                </Window.Resources> 
        
                <Grid> 
        
                    <telerik:RadGridView Name="uxdGrid" AutoGenerateColumns="False" 
        
                                         ItemsSource="{Binding Source={StaticResource viewModel}, Path=CustomersList}">  
        
                        <telerik:RadGridView.Columns> 
        
                            <telerik:GridViewDataColumn Width="100" IsReadOnly="False" DataType="{x:Null}" HeaderText="Customer Id" UniqueName="CustomerId" /> 
        
                        </telerik:RadGridView.Columns> 
        
                    </telerik:RadGridView> 
        
                </Grid> 
        
            </Window>

Code behind:

    
            using System.Collections.Generic;  
        
            using System.ComponentModel;  
        
            using System.Windows;  
        
            using System.Windows.Data;  
        
            namespace WpfApplication1  
        
            {  
        
                /// <summary>  
        
                /// Interaction logic for Window1.xaml  
        
                /// </summary>  
        
                public partial class Window1 : Window  
        
                {  
        
                    public Window1()  
        
                    {  
        
                        InitializeComponent();  
        
                    }  
        
                }  
        
                public class CustomerViewModel  
        
                {  
        
                    public CustomerViewModel()  
        
                    {  
        
                        List<Customer> customers = new List<Customer>();  
        
                        for (int i = 0; i < 10; i++)  
        
                        {  
        
                            Customer customer = new Customer();  
        
                            customer.CustomerId = i;  
        
                            customer.CustomerName = string.Format("Name {0}", i);  
        
                            customers.Add(customer);  
        
                        }  
        
                        _view = new ListCollectionView(customers);  
        
                    }  
        
                    private readonly ListCollectionView _view;  
        
                    public ListCollectionView CustomersList  
        
                    {  
        
                        get 
        
                        {  
        
                            return _view;  
        
                        }  
        
                    }  
        
                }  
        
                public class Customer : INotifyPropertyChanged  
        
                {  
        
                    private int _customerId;  
        
                    private string _customerName = string.Empty;  
        
                    public int CustomerId  
        
                    {  
        
                        get 
        
                        {  
        
                            return _customerId;  
        
                        }  
        
                        set 
        
                        {  
        
                            _customerId = value;  
        
                            SendPropertyChanged("CustomerId");  
        
                        }  
        
                    }  
        
                    public string CustomerName  
        
                    {  
        
                        get 
        
                        {  
        
                            return _customerName;  
        
                        }  
        
                        set 
        
                        {  
        
                            _customerName = value;  
        
                            SendPropertyChanged("CustomerName");  
        
                        }  
        
                    }  
        
                    private event PropertyChangedEventHandler _propertyChanged;  
        
                    public event PropertyChangedEventHandler PropertyChanged  
        
                    {  
        
                        add  
        
                        {  
        
                            _propertyChanged += value;  
        
                        }  
        
                        remove  
        
                        {  
        
                            _propertyChanged -= value;  
        
                        }  
        
                    }  
        
                    /// <summary>  
        
                    /// Raises the property changed event.  
        
                    /// </summary>  
        
                    /// <param name="propertyName">The property name which value has been changed</param>  
        
                    protected void SendPropertyChanged(string propertyName)  
        
                    {  
        
                        if (_propertyChanged != null)  
        
                        {  
        
                            _propertyChanged(this, new PropertyChangedEventArgs(propertyName));  
        
                        }  
        
                    }  
        
                }  
        
            }

It works as it's expected. But if you set the property MultipleSelect="True",

    
                <Grid>    
        
                    <telerik:RadGridView Name="uxdGrid" AutoGenerateColumns="False" MultipleSelect="True"   
        
                                         ItemsSource="{Binding Source={StaticResource viewModel}, Path=CustomersList}">     
        
                        <telerik:RadGridView.Columns>    
        
                            <telerik:GridViewDataColumn Width="100" IsReadOnly="False" DataType="{x:Null}" HeaderText="Customer Id" UniqueName="CustomerId" />    
        
                        </telerik:RadGridView.Columns>    
        
                    </telerik:RadGridView>    
        
                </Grid>

You will notice that the grid is showing the correct number of rows but unfortunately it's not showing any data. Is there anything that I miss here?

Regards,

Hardi

GridView

answered on 30 Sep 2011

2 answers

247 views

GroupMemberPath with IValueConverted columns

Hi,

I have this situation where my business object exposes a DateTime property
and I'm binding a GridViewDataColumn to that property using a custom IValueConverter
which "simplify" the date. It converts the datetime to a string, something like "today, 10:15" or
"September 1st, 9:45" (without the current year). The point is that the target value is now a string.

Then I set up a GroupMemberPath to point at "MyProperty.Date" in order to group by day.

I just realized that group headers get populated by accessing that special path and pushing the value
through whatever IValueConverter is specified in the DataMemberBinding.

The only problem is that I cannot set a different ConverterParameter, so the time portion
(which is included in the "simplified" output) gets printed as well (00:00 in all groups).

The point is: wouldn't it be better to have a "GroupMemberBinding" instead of "GroupMemberPath"?
So that if a different conversion is needed for the grouped data to make sense we can specifiy
a different converter and/or converterParameter?

Am I splitting a hair? :-)

Thanks.

-Rodrigo-

GridView

answered on 30 Sep 2011

7 answers

879 views

Scrollbars appearing when I set GridView column width to fill (*)

I am using a RadGridView to display information about people.
The last column is for edit/delete buttons.
Whenever I set the last column's width to "*" (to fill the rest of the space), a horizontal scroll bar appears.
If I have 1 column in my grid, then the last column's width properly fills the remaining space and no horizontal scroll bar appears; however, the more columns that I add to the grid, the more you have to scroll to see the edit buttons (the worse the horizontal scroll bar becomes).

This is the markup for my GridView:

<telerik:RadGridView Name="PeopleGrid"

Width="{Binding ElementName=theRootElement, Path=ActualWidth}"

ItemsSource="{Binding Source={StaticResource people}, Path=People}"

IsReadOnly="True"

EditTriggers="None">

<telerik:RadGridView.Columns>

<telerik:GridViewToggleRowDetailsColumn ExpandMode="Single" />

<telerik:GridViewDataColumn Header="First Name" DataMemberBinding="{Binding FirstName}" />

<telerik:GridViewDataColumn Header="Last Name" DataMemberBinding="{Binding LastName}" />

<telerik:GridViewDataColumn Header="Age" DataMemberBinding="{Binding Age}" />

<telerik:GridViewDataColumn Header="Marital Status" DataMemberBinding="{Binding MaritalStatus}" />

<telerik:GridViewDataColumn Width="*">

<telerik:GridViewDataColumn.CellStyle>

<Style TargetType="telerik:GridViewCell">

<Setter Property="Template">

<Setter.Value>

<ControlTemplate>

<StackPanel Orientation="Horizontal" HorizontalAlignment="Right">

<Button x:Name="btn_EditPerson" ToolTip="Edit">

Edit

</Button>

<Button ToolTip="Delete"

Command="{Binding Source={StaticResource people}, Path=DeletePerson}"

CommandParameter="{Binding .}">

Delete

</Button>

</StackPanel>

</ControlTemplate>

</Setter.Value>

</Setter>

</Style>

</telerik:GridViewDataColumn.CellStyle>

</telerik:GridViewDataColumn>

</telerik:RadGridView.Columns>

<telerik:RadGridView.RowDetailsTemplate>

<DataTemplate>

</DataTemplate>

</telerik:RadGridView.RowDetailsTemplate>

</telerik:RadGridView>

Thanks, in advanced, for your help!

GridView

answered on 29 Sep 2011

13 answers

319 views

[Solved] How do you always edit series when editing a recurring appointment

I am using the ScheduleView to allow the user to add and edit custom appointments.
These appointments are always recurring weekly.

Since the appointments are always recurring, I would like to always edit the series.
I'm not sure how to prevent the window that prompts the user to select whether edit the series or the individual appointment from opening...

I am looking for a way to always edit the series.

Thanks!

ScheduleView

answered on 29 Sep 2011

2 answers

205 views

FilterDescriptors.Clear() Problem

Hi,
I have two checkboxs that, when checked, apply or remove custom filters. The filters work fine (mostly), only problem is that the first time FilterDescriptors.Clear(); is called all the rows in the grid dissapear. On any subsequent calls it works as expected.

Both checkboxes call the following method:

#region private void HandleCheckBoxFilters()

private void HandleCheckBoxFilters()

{

bool? PaidInFullChecked = CheckBox_PaidInFull.IsChecked;

bool? Show60PaymentsOnlyChecked = CheckBox_FixedAmount.IsChecked;

//RadGridView_TrusteeLedgers.FilterDescriptors.Clear();

CompositeFilterDescriptor compositeDescriptor = new CompositeFilterDescriptor();

compositeDescriptor.LogicalOperator = FilterCompositionLogicalOperator.And;

RadGridView_TrusteeLedgers.FilterDescriptors.Clear();

if (PaidInFullChecked == true)

{

FilterDescriptor filterDescriptor_PaidInFull = new FilterDescriptor();

filterDescriptor_PaidInFull.Member = "PaidInFull";

filterDescriptor_PaidInFull.Operator = FilterOperator.IsEqualTo;

filterDescriptor_PaidInFull.Value = true;

filterDescriptor_PaidInFull.IsCaseSensitive = false;

compositeDescriptor.FilterDescriptors.Add(filterDescriptor_PaidInFull);

}

if (Show60PaymentsOnlyChecked == true)

{

FilterDescriptor filterDescriptor_FixedAmount = new FilterDescriptor();

filterDescriptor_FixedAmount.Member = "TotalRemaining";

filterDescriptor_FixedAmount.Operator = FilterOperator.IsEqualTo;

filterDescriptor_FixedAmount.Value = Convert.ToDecimal(60);

filterDescriptor_FixedAmount.IsCaseSensitive = false;

compositeDescriptor.FilterDescriptors.Add(filterDescriptor_FixedAmount);

}

RadGridView_TrusteeLedgers.FilterDescriptors.Add(compositeDescriptor);

}

#endregion

Here is my Xaml

<DockPanel Name="DockPanel_Content_CenterDock" HorizontalAlignment="Stretch" Margin="2" Grid.Row="2" Grid.Column="0" >

<telerik:RadBusyIndicator x:Name="RadBusyIndicator_TrusteeLedgerContent" BusyContent="Loading data...">

<telerik:RadGridView Name="RadGridView_TrusteeLedgers"

DataLoadMode="Asynchronous"

IsFilteringAllowed="False"

ShowGroupPanel="False"

telerikControls:Theming.Theme="Office_Blue"

EnableRowVirtualization="True"

AutoGenerateColumns="False"

SelectionUnit="FullRow"

SelectionMode="Single" SelectionChanged="RadGridView_TrusteeLedgers_SelectionChanged">

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn Header="Case Number" DataMemberBinding="{Binding CaseNumber}" Width="100" IsReadOnly="True" />

<telerik:GridViewDataColumn Header="Trustee" DataMemberBinding="{Binding TrusteeCode}" Width="75" IsReadOnly="True" />

<telerik:GridViewDataColumn Header="Case Title" DataMemberBinding="{Binding CaseTitle}" Width="200" IsReadOnly="True" />

<telerik:GridViewDataColumn Header="Prev Chapter" DataMemberBinding="{Binding PreviousChapter}" Width="75" IsReadOnly="True" />

<telerik:GridViewDataColumn Header="Chapter" DataMemberBinding="{Binding Chapter}" Width="75" IsReadOnly="True" />

<telerik:GridViewDataColumn Header="Closed" DataMemberBinding="{Binding CaseIsClosed, Converter={StaticResource BooleanToStringConverter}}" Width="75" IsReadOnly="True" />

<telerik:GridViewDataColumn Header="NoticeFiled" DataMemberBinding="{Binding NoticeFiled, Converter={StaticResource BooleanToStringConverter}}" Width="75" IsReadOnly="True"/>

<telerik:GridViewDataColumn Header="PaidInFull" DataMemberBinding="{Binding PaidInFull, Converter={StaticResource BooleanToStringConverter}}" Width="75" IsReadOnly="True" />

<telerik:GridViewDataColumn Header="Amount" DataMemberBinding="{Binding TotalRemaining}" DataFormatString="{}{0:c}" Width="75" IsReadOnly="True" />

<telerik:GridViewColumn Header="Voucher" >

<telerik:GridViewColumn.CellTemplate>

<DataTemplate>

<CheckBox IsChecked="{Binding VoucherRequested}" Width="75" />

</DataTemplate>

</telerik:GridViewColumn.CellTemplate>

</telerik:GridViewColumn>

</telerik:RadGridView.Columns>

<telerik:RadGridView.SortDescriptors>

<telerik:SortDescriptor Member="TransactionDate" SortDirection="Ascending"></telerik:SortDescriptor>

</telerik:RadGridView.SortDescriptors>

<!--<telerik:RadGridView.GroupDescriptors>

<telerik:GroupDescriptor Member="OfficeName" SortDirection="Descending" DisplayContent="Office Name">

<telerik:GroupDescriptor.AggregateFunctions>

<telerik:SumFunction Caption="Office Total" SourceField="TotalNonRegistry" ResultFormatString="{}{0:c}"></telerik:SumFunction>

</telerik:GroupDescriptor.AggregateFunctions>

</telerik:GroupDescriptor>

</telerik:RadGridView.GroupDescriptors>-->

</telerik:RadGridView>

</telerik:RadBusyIndicator>

</DockPanel>

GridView

answered on 29 Sep 2011

2 answers

271 views

Async data load not working after hotfix

I am using a RadGridView where the ItemsSource is bound to a QueryableCollectionView that contains a RadObservableCollection of data. The data is loaded asynchronously from a web service, so on return from the service, the collection is updated by calling Clear, then AddRange, and then Refresh is called on the QueryableCollectionView.

This was working great until we applied the hotfix from 9/27 which we needed to fix another issue in the rich text editor. Once we applied the hotfix, the grid would not display any data in the rows, but would recognize the correct amount of data rows. The grid also does not display any filter buttons in the headers, and there is no change to the header state when sort is applied. I can see my data in the collection, but the grid won't display the cell contents.

This is also not working in the 9/20 build, but works fine in the 7/12 build and previous.

I cannot reproduce the problem by making synchronous calls to load data. This only happens when the Refresh is applied after a callback.

Thanks for any help.

Edit: Any columns where we override CreateCellElement are working. GridViewDataColumn without the override is not working.

GridView

answered on 29 Sep 2011

1 answer

81 views

When data is loaded. First item is checked.

Hi,

We are using GridViewSelectColumn in our TreelistView and each time when data loaded the first item in the list selected(check box is checked). Is it default behavior if not how to turn off this behavior ?

Thank you,
Julian

TreeListView

answered on 29 Sep 2011

1 answer

135 views

RadDocking - RootCompass

Hi,

I there an easy way to hide/disable the left/top/right/botttom indicators on the RootCompass ?
I need to:
1. avoid users from docking on the outer edges of the RadDocking area
2. only allow docking on the RadPaneGroup (left/top/right/botttom) within the RadDocking

I know how to enable/disable left/top/right/botttom indicators on the Compass, but I don't know how to do this on the RootCompass

Please advice...

Docking

answered on 29 Sep 2011

4 answers

141 views

Selected RadPanelBarItem not expanded after confirmation at PreviewSelectionChanged

Hello,

in my simple example i have a RadPanelBar with three RadPanelBarItems.
The default behavior of the items is to expand on selection. This is fine for me.

Now I want the user to confirm the change of the selection of the RadPanelBarItems.
Therefore I use a MessageBox in the PreviewSelectionChanged event of the RadPanelBar.

The confirmation logic works fine but the selected item is not expanded after confirmation.
This behavior is different to the default.

Regards
Rainer

The sample code:

<Window x:Class="RadPanelBarItemSelection.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

Title="MainWindow" Height="350" Width="525">

<Grid>

<telerik:RadPanelBar x:Name="pbItems"

ScrollViewer.HorizontalScrollBarVisibility="Auto"

ScrollViewer.VerticalScrollBarVisibility="Auto"

SelectionMode="Single"

IsExpandOnSingleClickEnabled="True"

PreviewSelectionChanged="pnlEditorialSysItems_PreviewSelectionChanged">

<telerik:RadPanelBarItem Header="Item1">

<Border Background="Blue" Height="100">

<TextBlock Text="Item1"/>

</Border>

</telerik:RadPanelBarItem>

<telerik:RadPanelBarItem Header="Item2">

<Border Background="Red" Height="100">

<TextBlock Text="Item2"/>

</Border>

</telerik:RadPanelBarItem>

<telerik:RadPanelBarItem Header="Item3">

<Border Background="Green" Height="100">

<TextBlock Text="Item3"/>

</Border>

</telerik:RadPanelBarItem>

</telerik:RadPanelBar>

</Grid>

</Window>

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Data;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Imaging;

using System.Windows.Navigation;

using System.Windows.Shapes;

using Telerik.Windows.Controls;

namespace RadPanelBarItemSelection {

/// <summary>

/// Interaction logic for MainWindow.xaml

/// </summary>

public partial class MainWindow : Window {

public MainWindow() {

InitializeComponent();

}

private void pnlEditorialSysItems_PreviewSelectionChanged(object sender, SelectionChangedEventArgs e) {

if (MessageBoxResult.Yes == MessageBox.Show("Cancel selection ?", "Cancel", MessageBoxButton.YesNo, MessageBoxImage.Question)) {

e.Handled = true;

}

PanelBar

answered on 29 Sep 2011

3 answers

244 views

StackOverflowException in Export method of AppointmentCalendarExporter

For an application on which I'm working, I want to export all appointments from a ScheduleView to an ICalendar format. By following the ICal example provided in the WPF Q2 2011 Demos, I have been able to successfully export all of my appointments using the AppointmentCalendarExporter.

My next step was to create some exceptions to a recurring appointment, and try to export those. This is where I ran into some problems. If I create an exception which simply excludes an occurrence of a recurring appointment, then I can still export the recurring appointment to an ICalendar format (file or string), and the exclusion is represented in the ICal content like so: "EXDATE:20110923T050000". However, if I create an exception in which I change the time of an occurrrence of a recurring appointment (per the example here), then attempting to export the appointment to an ICal format results in a StackOverflowException.

Any idea what's going on here?

ScheduleView

answered on 29 Sep 2011