Questions on UI for WPF Forum

7 answers

229 views

Accessing non-browsable properties when using property sets

Hi there,

We're moving from a single-selection model to a multi-selection model. Using property sets with PropertySetMode of Intersection mostly works well for us, but I'm not sure how to change the following case.

The important points are:
- the business object exposes, for instance, Width and Height.
- we use a small wrapper class for each type of business object we have in the property grid.
- we'd like these two properties to appear together in the same line of the property grid as Size (see attached image).
- we want to have a more complicated view of the properties. In this case, we want to have a little check box indicating whether the aspect ratio of Width/Height should be maintained. We specify the DataTemplate for this view with the auto-generating-property process; however, parts of the DataTemplate no long have the correct binding. We previously bound some parts of these DataTemplates to properties marked Browsable[false] -- these properties were so marked to prevent them from showing up as properties in the PropertyGrid but to have them available for binding in the DataTemplates we specify in the auto-generation process. However, they don't show up in CurrentPropertySet.

here's some example pseudo-code. PropertyChanged implementation elided. As an aside, the main purpose of the business-object wrapper for the property grid is to capture and memento-ize property-grid changes for undo/redo (i show that here only to show why we will continue to have a wrapper).

public class BusinessObject : INotifyPropertyChanged

{

public double Width { get; set; }

public double Height { get; set; }

}

public class

PropertyGridWrapper_for_BusinessObject : INotifyPropertyChanged

{

private BusinessObject m_BusinessObject = ...;

private Size m_Size = ...;

[Browsable(false)]

public double Width

{

get { return m_BusinessObject.Width; }

set

{

if (m_BusinessObject.Width != value)

{

if (PreserveAspect)

// change Height, as well

else

// change Width

}

[Browsable(false)]

public double Height { ... similar to Width ... }

public Size Size { get { return m_Size; } }

[Browsable(false)]

public bool PreserveAspect { get; set; }

}

then, when auto-generating property definitions, we specify the following DataTemplate for the Size property:

<DataTemplate x:Key="BusinessObjectSizePropertyGridTemplate">

<Grid>

<Grid.RowDefinitions>

<RowDefinition />

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="Auto" />

<ColumnDefinition Width="*" />

<ColumnDefinition Width="Auto" />

</Grid.ColumnDefinitions>

<TextBlock Grid.Row="0" Grid.Column="0" HorizontalAlignment="Right" VerticalAlignment="Center" Text="Height: " />

<TextBox Grid.Row="0" Grid.Column="1" VerticalAlignment="Center" Text="{Binding Height}" />

<TextBlock Grid.Row="1" Grid.Column="0" HorizontalAlignment="Right" VerticalAlignment="Center" Text="Width: " />

<TextBox Grid.Row="1" Grid.Column="1" VerticalAlignment="Center" Text="{Binding Width}" />

<Grid Grid.Row="0" Grid.Column="2" Grid.RowSpan="2" Margin="4">

<Grid.RowDefinitions>

<RowDefinition />

</Grid.RowDefinitions>

<TextBlock Grid.Row="0" FontFamily="Arial" Text="┐" VerticalAlignment="Bottom" Margin="0,0,0,5" />

<CheckBox Grid.Row="1" VerticalAlignment="Center" IsChecked="{Binding PreserveAspect}" />

<TextBlock Grid.Row="2" FontFamily="Arial" Text="┘" VerticalAlignment="Top" Margin="0,5,0,0" />

</Grid>

</DataTemplate>

using CurrentPropertySet as part of the bindings in this template doesn't work. The bound Text property ends up being null when bound as, e.g., "CurrentPropertySet[Height]". Do I infer correctly that the property-sets mechanism generates a dynamic object with only the browsable properties?

So, given the above example, how can we structure things to look like the image while using property sets, please?

Edit: formatted code area

PropertyGrid

answered on 25 Nov 2013

1 answer

119 views

Loading theme at runtime taking much time

Hi all,

In my application i am using the themes concept to load at runtime am able to do that,when changing from one theme to the other its taking much time i want to show some progress bar or busy indicator till the theme is loaded how can i achieve this scenario?

Thanks in Advance
Ruth

General Discussions

answered on 25 Nov 2013

6 answers

295 views

CartesianPlotBandAnnotation and CategoricalAxis fill problem

Hi,
By defaut CartesianPlotBandAnnotation draw the annotation from -> to plot value

I have a RadCartesianChart using a BarSeries and CategoricalAxis as HorizontalAxis. The categories represent hours (in 24 hours format) : 0 1 2 3 ... 23

If settings CartesianPlotBandAnnotation with parameters From : 6 and To : 23 the annotation starts at the middle of the 6 hour bar et 23 hour bar.

I'm searching a solution to force CartesianPlotBandAnnotation to fill 6 and 23 hours bar drawing zone.

Thanks a lot ! :)

ChartView

answered on 25 Nov 2013

3 answers

301 views

How to display superscript and subscript in selected text in AutocompleteBox

Hi,

I wonder does AutocompleteBox support displaying Subscript and superscript if the autocomplete dropdown contains these values?

How to achieve that? thank you.

AutoCompleteBox

answered on 25 Nov 2013

0 answers

99 views

Scrolling performance clunky

I am trying to use the grid with about 10 columns and 1000 rows. I am bound to an Observable collection for this, though in production I'd like to move to an IQueryable binding with paging via the datapager. Autogenerated columns are a requirement as well as the user being able to resize/move columns. In production, we will have anywhere from 5 to 120 columns with 1000 rows and hopefully paging. All rows are read only and the user cannot add/remove rows or edit any cells. When clicking the scroll handle and dragging with the mouse, the scroll behavior is very very jumpy instead of being smooth. If you scroll VERY slowly, then it's mostly smooth, but still not quite where it should be. Even horizontal scrolling with 2 or 3 columns off the side is clunkier than it should be. All of the demos I've seen have very smooth scrolling and that behavior is very desirable. I have read the degraded performance articles and have put sizes on the grid row containing the radgridview so that it does not size to "infinity". Please point me in the right direction to get smooth performance. Below is my View, ViewModel and Model being represented.

Thank you in advance,
Mark

MainWindow.xaml

<Window

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

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

xmlns:my="clr-namespace:TelerikGridPrototype"

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"

xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation" x:Class="TelerikGridPrototype.MainWindow"

Title="MainWindow" Height="720" Width="1280" WindowStartupLocation="CenterScreen"

DataContext="{Binding MainPageViewModel, Source={StaticResource Locator}}">

<telerik:RadBusyIndicator IsBusy="{Binding Busy}">

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="660"/>

<RowDefinition Height="30"/>

</Grid.RowDefinitions>

<telerik:RadGridView Name="gridView" ShowGroupPanel="False" IsReadOnly="True" CanUserInsertRows="False" CanUserDeleteRows="False" AreRowDetailsFrozen="True" Grid.Row="0" ItemsSource="{Binding Records}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>

<Button HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Content="Load" Name="btnLoad" Width="100">

<i:Interaction.Triggers>

<i:EventTrigger EventName="Click">

<ei:CallMethodAction

TargetObject="{Binding}"

MethodName="LoadDataAsync"/>

</i:EventTrigger>

</i:Interaction.Triggers>

</Button>

</Grid>

</telerik:RadBusyIndicator>

</Window>

MainPageViewModel.cs

using System;

using System.Collections.Generic;

using System.Collections.ObjectModel;

using System.Linq;

using System.Threading.Tasks;

using System.Windows;

using PhoenixDAL.Models;

using SimpleMvvmToolkit;

using TelerikGridPrototype.Models;

namespace TelerikGridPrototype

{

public class MainPageViewModel : ViewModelBase<MainPageViewModel>

{

public MainPageViewModel()

{

Records = new ObservableCollection<record>();

}

public ObservableCollection<record> Records { get; set; }

private bool busy;

public bool Busy

{

get { return busy; }

set

{

busy = value;

NotifyPropertyChanged(m => m.Busy);

}

public event EventHandler<NotificationEventArgs<Exception>> ErrorNotice;

public async void LoadDataAsync()

{

Busy = true;

var q = await Task<List<record>>.Factory.StartNew

(

() => DAL.Instance.Phoenix.records.Take(1000).OrderByDescending(a => a.StartTime).ToList()

);

foreach (var v in q)

{

Records.Add(v);

}

Busy = false;

}

// Helper method to notify View of an error

private void NotifyError(string message, Exception error)

{

Notify(ErrorNotice, new NotificationEventArgs<Exception>(message, error));

}

record.cs

using System;

using System.Collections.Generic;

using System.ComponentModel.DataAnnotations;

namespace PhoenixDAL.Models

{

public partial class record

{