I need to change the CellTemplate of a RadGridView. All of the examples I can find online defines the Columns statically in the Xaml, and then in that Column tag, they define the CellTemplate:

    <telerik:RadGridView AutoGenerateColumns="False" ItemsSource="{Binding}" RowStyleSelector="{StaticResource styleSelector}">
        <telerik:RadGridView.Columns>
            <telerik:GridViewDataColumn DataMemberBinding="{Binding ID}" CellTemplateSelector="{StaticResource templateSelector}" />
        </telerik:RadGridView.Columns>
    </telerik:RadGridView>

The above example loads the CellTemplate only for the column with the heading "ID", and does that for all of the cells in that column. 

I have managed to load the CellTemplates in the code behind but this required me to pass an instance of the whole grid to the ViewModel, and also had to add a dependency Property to the GridView to bind the Columns of the grid to a GridViewColumnCollection in the ViewModel. 

This is a very messy workaround, one that I'm sure will get me fired if seen by the wrong eyes. What I need to do is something similar to this:

    <telerik:RadGridView.CellTemplateSelector>
        <local:MyTemplateSelector>
            <local:MyTemplateSelector.NormalTemplate>
                <DataTemplate>
                    ...Some [Normal] template...
                </DataTemplate>
            </local:MyTemplateSelector.NormalTemplate
            <local:MyTemplateSelector.DropdownTemplate>
                <DataTemplate>
                    ...Some [ComboBox] template...
                </DataTemplate>
            </local:MyTemplateSelector.DropdownTemplate>
        </local:MyTemplateSelector>
    </telerik:RadGridView.CellTemplateSelector>

I honestly have no idea why this RadGridView makes it so difficult to change the CellTemplate, because this prevents you from changing a common property such as the Foreground Color in the Label found in the ContentTemplate in the Cell itself.. Any ideas as to what I can do?

Does anyone have a CRUD example that works on sizable data sets?

I've been banging my head against this for a couple of weeks.

DataForm won't work - it's sequential, one-record-at-a-time interface is too tedious for more than a half-dozen records.

In-cell editing in GridVIew won't work - if the records have more fields than can be displayed in a row.

Using the DataForm as row-detail for a GridView shows promise, but the example doesn't show how to handle inserts, deletes, or save confirmations, or how to handle failed updates.

Using a DataForm Synchronized with a GridView also shows promise, but it works in a way that simply won't work, for the usual business cases.

Take a look at the "DataForm ICollectionView Synchronization" demo.  It's really neat how you can navigate in the form and see the current row in the grid change, and vice versa.

Now try editing a row.  Change a name.  But don't click OK or Cancel, select a different row in the grid.  Or click a prev/next button in the DataForm.

What happened to the data?  If you go back to it, it looks like the form did an implicit OK.

If you were listening for the DataForm's EditEnding event, so you could update the database, and return Cancel = true, if something went wrong, sorry.  EditEnding never fired.  The database wasn't changed, but the grid and the form and the underlying collection were.

So maybe we're supposed to update the database from within the collection or the record objects.  Well we can't do it from within the record's EndEdit() method, because from there we have no way of knowing whether we should be doing an insert or a delete.

So maybe we need to be looking at the collection's CurrentChanging event? 

Digging into this, it seems that a QueryableCollectionView has a CurrentAddItem and a CurrentEditItem - and if we set e.Cancel = true if either of these is non-null, we can prevent the form from moving to a new record - but this doesn't stop the grid from moving to a new record.  And, oddly enough, if you edit a field in the grid, then select a new row, CurrentChanging fires, but CurrentEditItem is null.

So we're back where we started - with a set of demos that show of some really nice glitz, but have enormous holes when it comes to building something that is actually useful.
 

I have a requirement where I need to pop a window up in order to show the detail of the selected tree node.  I need it to pop up in a location just to the right of what I selected in the TreeListView.

I figure this could be done using the Mouse Location or the Location relative to the selected node.  I haven't been able to get either to work. 

My approach is to pop up a simple Tool window at that location.  The better solution would be to have an EditTemplate that pops into its own window; but, I'm not sure if that is possible.  I have a good EditTemplate (shown) but the user demands that the tree remain very skinny and doesn't want to move things around much because this is a Touch Pad.

I'm open to whatever approach is the easiest code to maintain.  Thanks in advance for your help.

Here are my DataTemplates:

 

 

Hi,

there is already a Question "Show validation after insert exception" but no fully answers :( for me.

So i had this problem.

Project ( is in MVVM with DataAccess ) and RadDataGrid

In case i add a new Record i catch the Event "RowEditEnded" to a Command with <telerik:EventBinding> in XAML and the

EventOperationType = GridViewEditOperationType.Insert is found.

Then i Save the Data to DB with DataAccess   context.SaveChanges() ; and DB is sending Back a Exception DuplicateKeyException

so Commit was not done. But Record was added to the Grid. Now i try to change the Attribute (PK) which raised the violation to a valid one and try the same again. The Event is raised "RowEditEnded" as wanted but now not in "Insert" Mode  has switched from  "GridViewEditOperationType.Insert" (as it was before on the Record)  to "GridViewEditOperationType.Edit" which is different in operation then the Insert a new Record in DB.

So Question is how could i tell the Grid not to do this automatic switch until commit is valid (without exception ) done. 

The Record should stay in Insert Mode until Storing was valid.

Or if there is a better solution to handling exceptions on DB side please let me know. 

thnx br thomas

 

 

 

 

 

 

Hello,

I want to override some functionality of the GridView combobox, datepicker and data column.

I overriden the class GridViewComboBoxColumn, but the functionality is not working.

My goal is for the combobox, when it receives focus it should show the dropdown, the user can then select the value with one enter and control should automatically move to the next field in the GridView.

The same functionality I want to implement for the DatePicker. And for the Textbox I want the enter function like the tab.

 

Thanks in advance.

 

Marcel

Hi,

I think we are seeing a problem with Exporting when the class in the collection that the RadGridView binds to has a sub class, and one of the properties of that sub class has a converter on it. This is an example (Sub Item B is causing the trouble):

And this is the code:

In the Export, the converter is not applied, and the output logging of VS contains this:
System.Windows.Data Error: 40 : BindingExpression path error: 'SubItem' property not found on 'object' ''ExportElement' (HashCode=6)'. BindingExpression:Path=SubItem.SubItemA; DataItem='ExportElement' (HashCode=6); target element is 'ValueSetter' (Name=''); target property is 'Value' (type 'Object')
System.Windows.Data Error: 40 : BindingExpression path error: 'SubItem' property not found on 'object' ''ExportElement' (HashCode=6)'. BindingExpression:Path=SubItem.SubItemB; DataItem='ExportElement' (HashCode=6); target element is 'ValueSetter' (Name=''); target property is 'Value' (type 'Object')


Product version 2013.3.1016.40, VS2010 SP1, Windows 7 x64.

Any ideas?

So I'm trying to customize the RadMaskedTextInput to where the errors line up.

Right now they popup right next to the textbox associated with them.

 I was thinking this could be possible by putting the textboxes in a fixed width grid and setting the horizontal alignment to left.

 I have attached the current way it looks and the way I want it to look like.

Any help would be appreciated.

Hi
I have a requirement to capture an image from webcam of Lap/PC and the captured image should be displayed in image editor.
How to do this one using Telerik UI for WPF.

Thanks,

Hello,

I am working on a custom datagrid for my application and I want to have a custom column where the cell has a Textbox and a small button. When the user clicks the button a small screen must be shown where the user can enter some values. The total of the inputting values need to be displayed back in the gridview.
I am looking at implementing this, but have a hard time doing. I like to have the same style for the button and the subscreen as the datepicker/Calculatorpicker.
The content of the dropdown screen need to be replacable by other content using a usercontrol.

Whats the best way to implement this, should I create a custom control for this? And then create a custom column according to the approach below?

Or is there a better way to implement this?

http://docs.telerik.com/devtools/wpf/controls/radgridview/columns/how-to/create-date-time-picker-column.html

Thank in advance.

Marcel

I have used the wizard events to control my wizard navigation but once I cancel the navigation for one step using e.Cancel, The SelectionChanging/ SelectionChanged events doesn't  get fired. 

I was using the UI for WPF Q1 2015 and now updated to UI for WPF Q2 2015 but still the same problem exists.

 

check this code sample

 

using System.Windows;
using Telerik.Windows.Data;
using Telerik.Windows.Controls;

namespace WizardNavigation
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        private ObservableItemCollection<WizardPage> collection;
        private int cancelCounter = 1;
        public MainWindow()
        {
            InitializeComponent();

            collection = new ObservableItemCollection<WizardPage>();

            var firstPage = new WizardPage {Content = "My First Page Content"};

            var secondPage = new WizardPage {Content = "My Second Page Content"};

            var thirdPage = new WizardPage {Content = "My Third Page Content"};

            var fourthPage = new WizardPage {Content = "My Fourth Page Content"};

            myWizard.WizardPages.Add(firstPage);
            myWizard.WizardPages.Add(secondPage);
            myWizard.WizardPages.Add(thirdPage);
            myWizard.WizardPages.Add(fourthPage);

            myWizard.Next += myWizard_Next;
            myWizard.SelectionChanging += myWizard_SelectionChanging;
        }

        void myWizard_SelectionChanging(object sender, SelectedPageChangingEventArgs e)
        {
            if (cancelCounter != 2) return;
            e.Cancel = true;
            MessageBox.Show("Cancelled, Click again to navigate");
        }

        void myWizard_Next(object sender, NavigationButtonsEventArgs e)
        {
            // You will need to click the next twice for to move to step 3.
            // SelectionChanging will not be called on the second click
            //SelectionChanging will be called when moving to forth step.
            cancelCounter++;

            var wizard = sender as RadWizard;
            
            if (wizard.SelectedPage.Content == "My First Page Content")
            {
                e.SelectedPageIndex = 2;
            }
        }
    }
}

​