Questions on UI for WPF Forum

10 answers

339 views

How to drag and drop to show/hide columns from a column chooser listbox?

We want to allow user to drag and drop to show/hide columns from a column chooser listbox. I am following the example code in http://www.telerik.com/help/wpf/radgridview-how-to-show-hide-columns-outside-of-the-radgridview.html. We want to allow user to be able to drag a column from the list box and drop it in the column header of the grid. So it will be easy for user to design their grid columns layout. Is there an example to do that?

GridView

answered on 20 Oct 2017

1 answer

79 views

AutoSelect Cell in a new Row AFTER Itemssouce was updated

Hi,

i have a radgridview on my wpf app. This grids itemssouce is bound to a List of objects in my ViewModel (MVVM).

When i click on a Button a new element is added to the bound list. This creates a new Row in my DataGrid like expected.

Question:
i want to focus the last cell in the new row after the new row was added.

I already have the correct way of doing this (see snippet below) but i dont know WHEN i should execute this code. When the bound items are changed its too early to do this and i cant use events like "LayoutUpdated" because it triggers too often.

Is there any possibility to launch this code AFTER the GridViewRow was Added?

private void OnInitializedGridViewCommand(RadGridView obj)

{

obj.Items.CollectionChanged += (sender, e) =>

{

var grid = obj as RadGridView;

var rows = obj.ChildrenOfType<GridViewRow>().ToList();

if (rows.Count < 1) return;

var cells = rows[rows.Count - 1].ChildrenOfType<GridViewCell>().ToList();

var box = cells[cells.Count - 1].ChildrenOfType<RadComboBox>();

box.First().Focus();

};

}

GridView

answered on 19 Oct 2017

5 answers

133 views

How can I show RadialMenu over TileViewItem

Hi~

I want to show RadialMenu over TileViewItem.

TileViewItem hide RadialMenu.

Here is example code.

You can see capture file "Actual.png"

I want to "Expect.png" screen.

How?

RadialMenu

answered on 19 Oct 2017

2 answers

236 views

Issue with Gridview Checkbox column color. Cannot tell the checkbox is checked.

I have a major issue with checkbox columns in the RadGridView for WPF. I tried using both Green Theme and the Expression Dark. I prefer the Green theme but here is my problem:

When the pointer is still in the focus of the cell right after clicking all is good. The checkbox appears as white on green and is obviously checked.

When the pointer loses focus witht he checkbox cell, the checkbox appears as white on white. NO GOOD! How do I fix this?

When you put the focus on a new row, all looks fine as the checkbox appears White on Black.

I tried setting EnableLostFocusSelectedState="False" on the Grid as I read in another similar post that this might fix the issue, but it does not.

I really hope the answer is not to modify the default themes as the whole reason we bought this package was to make life easier. Not more difficult. It is totally illogical to show white on white for a default theme for a checkbox because it defeats the purpose of a checkbox.

Thank you...

GridView

answered on 19 Oct 2017

7 answers

363 views

Problem with IsReadOnlyBinding and custom DataTable and DataRow objects

I have created a custom data row and a custom data table class by extending both MyDataRow and MyDataTable classes. MyDataRow and MyDataTable are defined in my data set file (.xsd). I.e., I'm using a real database. MyDataTable has a few fields (Id, Status, DateCreated, etc...).

In XAML, I have set RadGridView control's ItemsSource property to a DataView object (bound to ViewModel's property). In short, new MyDataTable().DefaultView. Naturally it's been filled with data from the database before getting the DefaultView.

The reason why I created the custom classes was that I want to add additional property (IsReadOnly) to be used together with IsReadOnlyBinding and I don't want to change the database or the data set file structure.

This is how I have created the custom classes (the second answer): https://stackoverflow.com/questions/3101412/how-to-extend-datarow-and-datatable-in-c-sharp-with-additional-properties-and-me

When I set grid's IsReadOnlyBinding="{Binding IsReadOnly}", an exception is thrown when try to add a new row or edit an existing one. The exception says: Property with specified name: IsReadOnly cannot be found on component: System.Data.DataRowView

However, if I set IsReadOnlyBinding="{Binding Status}", it works. Status field already exist in my database table.

Is the grid using internally the data set schema (.xsd) or what might cause this? Any ideas how to solve this?

I am trying to accomplish functionality where rows cannot be edited until I click a modify button (which sets IsReadOnly to false for the selected row) but I still want to add new rows using the grid's new row button.

I wish I could attach actual code but there's a lot of it and it's not easy to copy-paste it here. I could try to put together a test project if my description is not clear enough.

GridView

answered on 18 Oct 2017

1 answer

209 views

GridViewCheckBoxColumn hiding items

I've been banging my head everywhere trying to figure out how to hide values bound to a GridViewComboBox column.

I'm using ItemsSourceBinding to populate the dropdown with values and then matching up to default values from ItemsSource. Basically some of the values that are prepopulated from another system like "Approved" or "New" I want to not make those options selectable when the user tries to edit the cell even though they can see them.

<telerik:RadGridView VerticalAlignment="Stretch" Grid.Row="1" x:Name="PoliciesGridView" ItemsSource="{Binding Policies, Mode=TwoWay}" AutoGenerateColumns="False" DataLoaded="PoliciesGridView_DataLoaded" SelectionMode="Extended" ScrollViewer.VerticalScrollBarVisibility="Visible" CellEditEnded="CellEditEnded" GroupRenderMode="Flat" CanUserDeleteRows="False" Grouped="Grid_Grouped" KeyUp="HandleKeyUpEvent">
<telerik:EventToCommandBehavior.EventBindings>
<telerik:EventBinding Command="{Binding EditCommand}" EventName="BeginningEdit" PassEventArgsToCommand="True"/>
</telerik:EventToCommandBehavior.EventBindings>

<telerik:GridViewComboBoxColumn DataMemberBinding="{Binding CurrentStatus, Mode=TwoWay}" Tag="CurrentStatus" Header="Status" ItemsSourceBinding="{Binding PolicyStatusCodeTable}" DisplayMemberPath="PolicyStatusDsc" SelectedValueMemberPath="PolicyStatusDsc" CellStyleSelector="{StaticResource editedCellStyle }" TextAlignment="Right"/>

I have been successful in setting up an EditCommand to cancel the edit if the Status is Approved thereby making any rows that are Approved read-only as well as reverting the value back to the original value should they choose Approved. It's a hack but I feel like there should be a way to just hide those options from the gridviewcombobox so users can't select them.

GridView

answered on 18 Oct 2017

7 answers

117 views

WPF: add chart control inside Combobox

So i have this model:

public class MachineNetworkAdapter

{

public string Name { get; set; }

public string IpAddress { get; set; }

public static List<MachineNetworkAdapter> MachineAdapters;

}

So each mechine adapter have this members.
So i have this Combobox that show all my Machine Adapters:

<ComboBox

Name="cbAdapterss"

ItemsSource="{Binding MachineAdapters}"

SelectionChanged="cbInterfaces_SelectionChanged"/>

So in this case i can see all my machine adapters with this properties.
Now i want to see also my adapters Rate in MBit/sec so i added this members:

public Series { get; set; }

public double Rate { get; set; }

the member Rate is MBit/sec and the value is changing every 1 sec. the series is for the chart in order to put into the values.
So i added template with chartand now this is my Combobox:

<ComboBox

Name="cbAdapters"

ItemsSource="{Binding MachineAdapters}"

SelectionChanged="cbInterfaces_SelectionChanged">

<ComboBox.ItemTemplate>

<DataTemplate>

<telerik:RadCartesianChart

x:Name="chartTemplate"/>

</DataTemplate>

</ComboBox.ItemTemplate>

</ComboBox>

So now all i can see in my Combobox is an empty chart without the other properties. So my question is how can i populate my chart and also see the other properties (Name, IPAddress).

Chart

answered on 18 Oct 2017

2 answers

110 views

Telerik RadTree View

Hello,

I have some slides in my Sort View with a drag and drop functionality. When I wanted to drag and drop the slides its working fine, but when I was trying to move the 'last slide" it's showing that drag after the "last slide".

Please give me an idea to get rid of that text for only last slide. It has to show up to last but one slides but I don't want this for last slide, it's only happening when Im having the scrollbar at the bottom. Here I'm attaching the screenshots of the issue please go through them, and if you can give me suggestion that would be great for me.

Thank you,

Naga.

TreeView

answered on 18 Oct 2017

5 answers

216 views

Alternating rows performance

I identified performance loss while using Alternating rows.

Based on already existing posts: http://www.telerik.com/forums/alternating-rows-hurts-performance

I implemented my own RowStyle selector:

public class RadGridViewAlternatingRowTemplateSelector : StyleSelector
{
private static int counter = int.MinValue;

public override Style SelectStyle(object item, DependencyObject container)
{
return (counter++ % 2) == 0 ? EvenRowStyle : OddRowStyle;
}

public Style EvenRowStyle { get; set; }
public Style OddRowStyle { get; set; }
}

I tried to keep it as short and simple as possible for a maximum performance.

<template:RadGridViewAlternatingRowTemplateSelector x:Key="AlternativeRowStyleSelector">
<template:RadGridViewAlternatingRowTemplateSelector.EvenRowStyle>
<Style TargetType="telerik:GridViewRow" BasedOn="{StaticResource GridViewRowStyle}">
<Setter Property="Background" Value="{DynamicResource RowBackgroundColor}"/>
</Style>
</template:RadGridViewAlternatingRowTemplateSelector.EvenRowStyle>
<template:RadGridViewAlternatingRowTemplateSelector.OddRowStyle>
<Style TargetType="telerik:GridViewRow" BasedOn="{StaticResource GridViewRowStyle}">
<Setter Property="Background" Value="{DynamicResource SecondRowBackgroundColor}"/>
</Style>
</template:RadGridViewAlternatingRowTemplateSelector.OddRowStyle>
</template:RadGridViewAlternatingRowTemplateSelector>

In addition, I tried using NoXAML assemblies (as you can see at my style definition) to even squeeze more performance out of Telerik controls.
Summary: NoXAML Assemblies, Own Style Selector, GroupRenderMode Flat, other properties in Style, RadGridView in * Grid Row,...
There isn't any single point left I could optimize (refering to this article: http://docs.telerik.com/devtools/wpf/controls/radgridview/troubleshooting/performance)

The performance is pretty damn nice if I use no alternating rows.
But when I use them (and I definitely have to, with or without Telerik) the performance drops to an unacceptable point.

So my question here is: Is there anything I can do to speed things up? Are there any updates on alternating row performance?

Thanks in advance

GridView

answered on 18 Oct 2017

1 answer

130 views

Is there a way tp Raddataform Mask AutoGeneratingField?

Is there a way to create a maskeditfield when using AutoGeneratingField on a DataForm?

I see one example of switching to a new field type in your documentation:

e.DataField = new DataFormNumericUpDownField() { Label = e.DataField.Label, DataMemberBinding = e.DataField.DataMemberBinding };

However DataFormNumericUpDownField does not seem to exist not to mention it does not sound like the type of field I am looking for.

Is there a way to switch to a Mask Edit control in the AutoGeneratingField event?

If so, can you show an example of this?

Thanks...

DataForm

answered on 17 Oct 2017