Questions on UI for WPF Forum

3 answers

218 views

How do I use sample data in a GridView in the WPF Designer?

I've got a RadGridView in a WPF 4.5 app I'm working on, which involves grouping. I had a hard time trying to get the data to work initially in the designer (it's coming from a WCF service), but want to be able to do styling of the GridView with sample data. I found an article on MSDN called Walkthrough: Using Sample Data in the WPF Designer, which is helpful, but not entirely complete for the RadGridView. For example, that article discussed opening the ItemsSource property of the out-of-the-box DataGrid control. I tried doing that with the RadGridView, but it didn't work. I'm guessing I'm doing something wrong, but am not sure what, so I would like some direction, please.

GridView

answered on 25 Mar 2013

2 answers

128 views

RadGridView when async looses Group and Sort descriptors

I have a radgrid and when i turn the dataload mode to asynchronous it looses the group descriptors and sort descriptors. Also when binding is async it does the same thing. Can someone suggest some workaround or is this a normal behavior?

GridView

answered on 25 Mar 2013

1 answer

271 views

Binding Dynamic GridView Data with ComboBox Columns

Hi,
I'm having an issue that's been going around for a few days, and I haven't found a solution yet. Here's the problem. I have data that I need to bind to the RadGridView, but the data changes all the time, and I have to let the gridview be flexible to handle whatever I throw at it. The first suggestion would be to create a DataTable with custom columns...well that worked at first, but we need to add ComboBoxColumns to the grid with pre-selected values from lists, so a DataTable is out.

I ended up binding the the GridView columns and Itemssource to Model objects, and the Itemssource was a List of "dynamic" objects, with custom properties. That worked, and allowed me to bind the gridView to custom data and have pre-selected ComboBox columns working. HOWEVER, it's just sooo slow. Have yall encountered this question before and did you find a way to speed things up, or is there a better way to bind the data?

I tried binding to a Dictionary<string, object>, but of course that won't work, because the columns are looking for object properties, not a property of type Dictionary with fields, so then the binding never happens. I also looked at your examples of binding with multiple data sources, but didn't see quite the exact same scenario.

Thanks,
Ryan

GridView

answered on 25 Mar 2013

2 answers

127 views

RadRibbonComboBox and SelectionBoxTemplate in 2013.1.220.45

I am trying to fix an error I've gotten when updating to 2013.1.220.45

This is my MainWindow:

<Window x:Class="TestListView.MainWindow"

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

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls" xmlns:Controls="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Input" xmlns:Controls3="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.RibbonView" xmlns:TestListView="clr-namespace:TestListView"

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

DataContext="{Binding RelativeSource={RelativeSource Self}}">

<Grid>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="*" />

</Grid.ColumnDefinitions>

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<Controls3:RadRibbonComboBox

Grid.Column="0"

Grid.Row="0"

Margin="1"

AlternationCount="2"

Name="_comboBox"

ItemsSource="{Binding TheList}"

SelectedItem="{Binding TheSelection, Mode=TwoWay}"

telerik:TextSearch.Text="Name">

<Controls3:RadRibbonComboBox.ItemContainerStyle>

<Style TargetType="{x:Type Controls:RadComboBoxItem}">

<Style.Triggers>

<Trigger Property="ItemsControl.AlternationIndex"

Value="1">

<Setter Property="Background"

Value="#FFF5F7FB"></Setter>

</Trigger>

</Style.Triggers>

</Style>

</Controls3:RadRibbonComboBox.ItemContainerStyle>

<Controls3:RadRibbonComboBox.SelectionBoxTemplate>

<DataTemplate DataType="{x:Type TestListView:Animal}" >

<StackPanel Orientation="Horizontal">

<TextBlock Text="{Binding Name,Mode=TwoWay}" />

<TextBlock Text="{Binding Color,Mode=TwoWay}" />

</StackPanel>

</DataTemplate>

</Controls3:RadRibbonComboBox.SelectionBoxTemplate>

<Controls3:RadRibbonComboBox.ItemTemplate>

<DataTemplate >

<Grid>

<Grid.RowDefinitions>

<RowDefinition Height="Auto" />

</Grid.RowDefinitions>

<TextBlock Text="{Binding Name}"/>

<TextBlock Text="{Binding Color}" Grid.Row="1" Foreground="LightGray" />

</Grid>

</DataTemplate>

</Controls3:RadRibbonComboBox.ItemTemplate>

</Controls3:RadRibbonComboBox>

</Grid>

</Window>

And the MainWindow.xaml.cs looks like this:

public class Animal

{

public string Name { get; set; }

public string Description { get; set; }

public string Color { get; set; }

}

/// <summary>

/// Interaction logic for MainWindow.xaml

/// </summary>

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

TheList.Add(new Animal { Name = "Elephant", Color = "Gray", Description =

"Elephants are large mammals of the family Elephantidae and the order Proboscidea. Traditionally, two species are recognised, the African elephant (Loxodonta africana) and the Asian elephant (Elephas maximus), although some evidence suggests that African bush elephants and African forest elephants are separate species (L. africana and L. cyclotis respectively). Elephants are scattered throughout sub-Saharan Africa, and South and Southeast Asia. They are the only surviving proboscideans; extinct species include mammoths and mastodons. The largest living terrestrial animals, male African elephants can reach a height of 4 m (13 ft) and weigh 7,000 kg (15,000 lb). These animals have several distinctive features, including a long proboscis or trunk used for many purposes, particularly for grasping objects. Their incisors grow into tusks, which serve as tools for moving objects and digging and as weapons for fighting. The elephant's large ear flaps help to control the temperature of its body. African elephants have larger ears and concave backs while Asian elephants have smaller ears and convex or level backs."

});

TheList.Add(new Animal { Name = "Giraffe", Color = "Yellow", Description =

"The giraffe (Giraffa camelopardalis) is an African even-toed ungulate mammal, the tallest living terrestrial animal and the largest ruminant. Its species name refers to its camel-like appearance and the patches of color on its fur. Its chief distinguishing characteristics are its extremely long neck and legs, its horn-like ossicones and its distinctive coat patterns. It stands 5–6 m (16–20 ft) tall and has an average weight of 1,600 kg (3,500 lb) for males and 830 kg (1,800 lb) for females. It is classified under the family Giraffidae, along with its closest extant relative, the okapi. The nine subspecies are distinguished by their coat patterns."

});

TheList.Add(new Animal { Name = "Lion", Color = "Yellow", Description =

"The lion (Panthera leo) is one of the four big cats in the genus Panthera and a member of the family Felidae. With some males exceeding 250 kg (550 lb) in weight,[4] it is the second-largest living cat after the tiger. Wild lions currently exist in sub-Saharan Africa and in Asia (where an endangered remnant population resides in Gir Forest National Park in India) while other types of lions have disappeared from North Africa and Southwest Asia in historic times. Until the late Pleistocene, about 10,000 years ago, the lion was the most widespread large land mammal after humans. They were found in most of Africa, across Eurasia from western Europe to India, and in the Americas from the Yukon to Peru.[5] The lion is a vulnerable species, having seen a major population decline of 30–50% over the past two decades[date missing] in its African range.[2] Lion populations are untenable outside designated reserves and national parks. Although the cause of the decline is not fully understood, habitat loss and conflicts with humans are currently the greatest causes of concern. Within Africa, the West African lion population is particularly endangered."

});

}

private readonly List<Animal> _theList = new List<Animal>();

public List<Animal> TheList

{

get { return _theList; }

}

private Animal _theSelection;

public Animal TheSelection

{

get

{

if (_theSelection == null)

{

_theSelection = TheList.Any() ? TheList[0] : null;

}

return _theSelection;

}

set { _theSelection = value; }

}

My problem is that it is the type of the selected item which is shown in the combobox's selectionbox - not the Name and Color as I specified in the SelectionBoxTemplate.

This is a simplified example, my real-world problem look similar but is a bit more complex. But it worked in elder version and has stopped working. I never changed the combobox implementation but I did update telerik.

BTW: If I implement ToString() on Animal-class then that value is shown in the SelectionBox. Seems like the template is never used. But I want (in my real world example) to have different colors and fontsizes on different properties of the item shown in the seletionbox.

Thanks

ComboBox

answered on 25 Mar 2013

5 answers

292 views

AutoCompleteBox inside RadGrid not working.

I have an autocompletebox inside the RadGridDataColumn as in the CellEditTemplate. When I run the code the It does not work or suggest any of the items. Instead there are various binding errors in the output window.

<tk:GridViewDataColumn DataMemberBinding="{Binding Category}"

Header="Category Name"

IsGroupable="True"

CellStyle="{StaticResource EditableCellStyle}"

IsReadOnly="False">

<tk:GridViewDataColumn.CellEditTemplate>

<DataTemplate>

<tk:RadAutoCompleteBox ItemsSource="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=DataContext.CategoryList}"

/>

</DataTemplate>

</tk:GridViewDataColumn.CellEditTemplate>

</tk:GridViewDataColumn>

in return the out put window looks like the attachment

AutoCompleteBox

answered on 25 Mar 2013

3 answers

163 views

Row validation not changing when valid

Hi,

I have a grid where I have set the column to valid on property changed which works fine, The red validation appears when invalid and goes when notvalid.

However, a thin red line box persists around the now valid item. I would like to

1) Either remove this secondary validation altogether
2) Would like to align the validation process of this secondary validation so that it also works on property changed

Thanks

GridView

answered on 25 Mar 2013

1 answer

71 views

How do you specify test data, to display in the design view?

We're working on our first major WPF app. Isn't it possible to have test data that can be displayed in controls, especially RadListBox, RadGridView, etc., that would make it easier to style those controls? And such that, when you're running the app in Visual Studio, then the test data isn't seen. How is that done?

General Discussions

answered on 25 Mar 2013

1 answer

167 views

Dataform won't update my database

Hi,

I have a DataForm that i am binding to ObservableCollection that IEditableObject implemented in it. everything is working as expected except it is not pushing the changes/additions to the database.
my collection class look like this: ("tbl_Suppliers" is the table from the database, "Supplier" is the IEditableObject, AppdataclassDataContext is the LinqToSQL datacontext):

class suppliersdatacontext

{

public AppdataclassDataContext dataDC = new AppdataclassDataContext();

private ICollectionView suppliersQur = null;

public ICollectionView Suppliers

{

get

{

if (this.suppliersQur == null)

{

ObservableCollection<Supplier> newSuppliers = new ObservableCollection<Supplier>();

foreach (tbl_Supplier thisSupplier in dataDC.tbl_Suppliers)

{

newSuppliers.Add(new Supplier ((int

)(thisSupplier.SupplierID), thisSupplier.name, thisSupplier.country,    thisSupplier.contactperson, thisSupplier.contactemail, (

decimal)(thisSupplier.discount)));

}

this.suppliersQur = new QueryableCollectionView(newSuppliers);

}

return this.suppliersQur;

}

DataForm

answered on 25 Mar 2013

0 answers

83 views

Use graphsource with customshape

Hi,

I have developed some custom shapes(templated control) which inherit from RadDiagramShapeBase. I'd like to bind my ObservableCollection<CustomShape> to RadDiagram. How can i use GraphSource? If its not possible how can i bind my collection to raddiagram?

Best Regards

Diagram

asked on 24 Mar 2013

3 answers

164 views

Horrible performance problems when using special slots

I have around 8 slots that I use to display working time. Currently there are 700 people (resources) being displayed that share those 8 slots (ie one slot may have up to 700 resources associated with it). At this point I can hardly scroll the scheduleview back and forth or up or down to view data. I do see the Copy method (on my custom slot code) fire almost constantly even when I'm not doing anything. Can someone help me solve this? When I don't add the slots performance seems good.

Rod

ScheduleView

answered on 22 Mar 2013