Telerik UI for UWP RadCalendar How to use commands

2018-09-21 08:53 Paul Stanley imported from Stackoverflow

I am not sure how to use The RadCalendar comands to update a property in my view model. I follwed this sample from Telreic.

https://docs.telerik.com/devtools/universal-windows-platform/controls/radcalendar/commands/celltap

I created a class as stated:

  public class CustomCellTapCommand : CalendarCommand
{
    public CustomCellTapCommand()
    {
        Id = CommandId.CellTap;
    }


    public override bool CanExecute(object parameter)
    {
        CalendarCellTapContext ctx = parameter as CalendarCellTapContext;
        var date = ctx.CellModel.Date;
        if (date > DateTime.Now)
        {
            return false;
        }

        return true;
    }

    public override void Execute(object parameter)
    {
        CalendarCellModel context = parameter as CalendarCellModel;

    }
}

Heres is the Xaml:

<Custom:RadCalendar.Commands>
    <local:CustomCellTapCommand/>
</Custom:RadCalendar.Commands>

The CanExecute and Execute methods are being called ok in my custom class. How do I call the methods in the ViewModel?

See also questions close to this topic

Cannot import native plugin in hololens app
I need to include in my hololens application (unity application for uwp with holotoolkit package) a native library written in c++. I followed this tutorial to make the library http://longqian.me/2017/02/24/eigen-in-unity/

But in the extern function call I get this error:
```
Exception thrown: 'System.DllNotFoundException' in Assembly-CSharp.dll
An exception of type 'System.DllNotFoundException' occurred in Assembly-CSharp.dll but was not handled in user code
Unable to load DLL 'Eigen': The specified module could not be found. (Exception from HRESULT: 0x8007007E)
```
The library is in Assets/Plugins/WSA/x86 and it is set in unity for x86 (I tried to set also sdk and scripting backend and the don't process option). I tried to use the kernel32 LoadLibrary with the name of the dll or the full path. When I build, the dll is copied into the bin/x86/Debug folder.

I tried to do the same with a regular UWP application for PC but there the same code works. How can I fix this?
Unable to install UWP side-loading builds
Using Visual Studio 15.9.4, we are creating a UWP side-loading package. We are getting the new msix/msixbundle outputs.
1. There is no association in windows for right-clicking and installing this extension (msix/msixbundle).
2. When attempting to run the Add-AppDevPackage.ps1 script, we are getting "Error: The package or bundle is not digitally signed or its signature is corrupted."
3. This has just started happening and we are using the same official UWP store associated cert as used in previously successful side-loading builds.
Does anyone have any inputs on how to get UWP side-loading builds to work again?

Visual Studio C++ code gets a redefinition error

After a system crash, I reinstalled VS and brought up my solution. Now it gets a redefinition error in Microsoft code. Example output below:

2>Compressor.xaml.cpp
....
2>c:\program files (x86)\windows kits\10\include\10.0.17763.0\winrt\windows.foundation.numerics.h(349): warning C4099: 'Windows::Foundation::Numerics::Rational': type name first seen using 'class' now seen using 'struct' (compiling source file Compressor.xaml.cpp)
2>c:\program files (x86)\windows kits\10\include\10.0.17763.0\winrt\windows.foundation.numerics.h(567): error C2371: 'ABI::Windows::Foundation::Numerics::Rational': redefinition; different basic types (compiling source file Compressor.xaml.cpp)
2>c:\program files (x86)\windows kits\10\include\10.0.17763.0\winrt\windows.foundation.numerics.h(349): note: see declaration of 'ABI::Windows::Foundation::Numerics::Rational' (compiling source file Compressor.xaml.cpp)
2>c:\program files (x86)\windows kits\10\include\10.0.17763.0\winrt\windows.foundation.numerics.h(349): warning C4099: 'Windows::Foundation::Numerics::Rational': type name first seen using 'class' now seen using 'struct' (compiling source file CommonToolBar.xaml.cpp)

FYI: I don't use rational in my code.

The project is dead until this is fixed. Ideas?

How to append data to radlistview from database

I hava a radwizard and radlistview. I am trying to append wizard data to listview on click of button. But failed to do so, getting this error Unable to get property 'ajaxRequest' of undefined or null reference. How can i resolve this?

 protected void RadWizard1_NextButtonClick(object sender, Telerik.Web.UI.WizardEventArgs e)
        {
            string slnForm = slntxt.Text;
            string mode = slnForm == "" ? "Add" : "Edit";
            if (save(mode) == 1)
            {
                ScriptManager.RegisterClientScriptBlock(this.Page, typeof(UpdatePanel), "key", "SaveSucess('"+mode+"');", true);
            }
        }

Script:

function SaveSucess(mode)
    {
        debugger
        var radManager = null;
        radManager = $find('<%= RadAjaxManager.GetCurrent(this.Page).ClientID %>');
        radManager.ajaxRequest('SaveSucess&'+mode);
    }

Telerik RadSlideView as image gallery

I am using the Telerik RadSlideView as image gallery. The images are shown and the control works with more than one image. If there exists only one image, it does not expand and is very small.

This is an example how the control looks with one image:

When adding another image to the list, both images expands over the full width and height of the screen.

Here is the xaml code, the list 'ImagePaths' is of type string:

<ContentPage.Content>
    <primitives:RadSlideView ItemsSource="{Binding ImagePaths}" 
                             IndicatorColor="{x:Static colors:Colors.LightGrey}" 
                             SelectedIndicatorColor="{x:Static colors:Colors.DarkGrey}"
                             VerticalOptions="CenterAndExpand"
                             HorizontalOptions="CenterAndExpand"
                             VerticalContentOptions="CenterAndExpand"
                             HorizontalContentOptions="CenterAndExpand">
        <primitives:RadSlideView.ItemTemplate>
            <DataTemplate>
                <ContentView>
                    <Image Source="{Binding Converter={StaticResource ImagePathToImageSourceConverter}, Mode=TwoWay}"></Image>
                </ContentView>
            </DataTemplate>
        </primitives:RadSlideView.ItemTemplate>
    </primitives:RadSlideView>
</ContentPage.Content>

And this is the converter:

public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
    var path = (string)value;
    return ImageSource.FromFile(path);
}

How can I solve the wrong presentation of the control when having only one image?

Telerik Xamarin RadListView weird behavior

In Xamarin Forms (Portable) project when I place RadlistView in first page I got binded list which not render template in Android. I not checked other platforms. In this case the RadListView in second page is rendered ok.

First page with RadListView

Screen Shot

Second page with RadListView

Screen Shot

But if I replace radlistview in first page with Xamarin.Forms.ListView, it showed normal but in the second page RadListView showed without template.

The first page with Xamarin ListView

Screen Shot

Second page with RadListView losted template

Screen Shot

First page code below :

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Name="Page" 
             xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:telerikPrimitives="clr-namespace:Telerik.XamarinForms.Primitives;assembly=Telerik.XamarinForms.Primitives"
             xmlns:telerikListView="clr-namespace:Telerik.XamarinForms.DataControls.ListView;assembly=Telerik.XamarinForms.DataControls"

             xmlns:telerikDataControls="clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.XamarinForms.DataControls"
             xmlns:viewmodels="clr-namespace:InRestoApp.ViewModels"
             xmlns:behaviors="clr-namespace:InRestoApp.Behaviors"
             xmlns:helpers="clr-namespace:InRestoApp.Helpers"

             x:Class="InRestoApp.Views.HallsPage">

    <ContentPage.Padding>
        <OnPlatform x:TypeArguments="Thickness">
            <On Platform="iOS" Value="10, 20, 10, 0" />
            <On Platform="Android, UWP" Value="10, 0" />
        </OnPlatform>
    </ContentPage.Padding>
    <ContentPage.Resources>
        <helpers:InvertBoolConverter x:Key="invertBoolConverter"/>
    </ContentPage.Resources>
   <Grid HeightRequest="800">

        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <telerikDataControls:RadListView x:Name="ItemsListView" SelectionMode="Single" HeightRequest="800"
                                         ItemsSource="{Binding Halls}"
                                         ItemTapped="ListView_OnItemTapped">


            <telerikDataControls:RadListView.LayoutDefinition>
                <telerikListView:ListViewLinearLayout VerticalItemSpacing="0" />
            </telerikDataControls:RadListView.LayoutDefinition>
            <telerikDataControls:RadListView.ItemTemplate>
                <DataTemplate>
                    <telerikListView:ListViewTemplateCell>
                        <telerikListView:ListViewTemplateCell.View>
                            <Frame  CornerRadius="5" HasShadow="True" OutlineColor="#4488F6"   Padding="10" Margin="10">
                                <StackLayout Orientation="Horizontal">
                                    <Label Text="{Binding HallCode}" FontSize="Large" VerticalOptions="StartAndExpand" />
                                        <Label Text="{Binding HallName}"  FontSize="Medium"  VerticalOptions="CenterAndExpand" />

                                </StackLayout>
                            </Frame>

                        </telerikListView:ListViewTemplateCell.View>
                    </telerikListView:ListViewTemplateCell>
                </DataTemplate>
            </telerikDataControls:RadListView.ItemTemplate>
        </telerikDataControls:RadListView>


    </Grid>
</ContentPage>

Second view XAML below (Used ContentView because it is openening as slide drawer)

<?xml version="1.0" encoding="UTF-8"?>
<ContentView xmlns="http://xamarin.com/schemas/2014/forms" 
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:flv="clr-namespace:DLToolkit.Forms.Controls;assembly=DLToolkit.Forms.Controls.FlowListView"
              xmlns:telerikListView="clr-namespace:Telerik.XamarinForms.DataControls.ListView;assembly=Telerik.XamarinForms.DataControls"
             xmlns:helpers="clr-namespace:InRestoApp.Helpers"
             xmlns:telerikDataControls="clr-namespace:Telerik.XamarinForms.DataControls;assembly=Telerik.XamarinForms.DataControls"
             xmlns:ffimageloading="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
             xmlns:telerikInput="clr-namespace:Telerik.XamarinForms.Input;assembly=Telerik.XamarinForms.Input"
             x:Name="productView"
             x:Class="InRestoApp.Views.ProductsView">
    <ContentView.Resources>
        <helpers:ImageBytesConverter x:Key="imageBytesConverter"/>
        <helpers:TempConverter x:Key="tempConverter"/>
        <helpers:ImageFileToImageSourceConverter x:Key="imageFileToImageSourceConverter"/>

    </ContentView.Resources>
    <ContentView.Content>


            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="4*"/>
                    <ColumnDefinition Width="6*"/>
                </Grid.ColumnDefinitions>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="40"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Frame  CornerRadius="2" HasShadow="True" OutlineColor="Aquamarine" Padding="10"  Margin="2">
                        <Image x:Name="btnClear"  Source="clear_icon.png" HeightRequest="50" WidthRequest="50" >
                            <Image.GestureRecognizers>
                                <TapGestureRecognizer Command="{Binding Path=BindingContext.ClearProductsFilterCommand, Source={x:Reference productView}}"  CommandParameter="{Binding .}" />
                            </Image.GestureRecognizers>
                        </Image>
                    </Frame>
                <telerikDataControls:RadListView x:Name="CategoriesListView" Grid.Row="1" SelectedItem="{Binding SelectedProductCategory, Mode=TwoWay}" SelectionMode="Single"
                                         ItemsSource="{Binding ProductCategories}">
                        <telerikDataControls:RadListView.LayoutDefinition>
                            <telerikListView:ListViewLinearLayout VerticalItemSpacing="0" />
                        </telerikDataControls:RadListView.LayoutDefinition>
                        <!--<telerikDataControls:RadListView.ItemStyle>
                            <telerikListView:ListViewItemStyle BackgroundColor="Transparent" BorderLocation="None"/>
                        </telerikDataControls:RadListView.ItemStyle>-->
                        <telerikDataControls:RadListView.ItemTemplate>
                            <DataTemplate>
                                <telerikListView:ListViewTemplateCell>
                                    <telerikListView:ListViewTemplateCell.View>
                                        <Frame  CornerRadius="10" HasShadow="True" OutlineColor="#4488F6"   Padding="10" Margin="10" >
                                            <StackLayout Orientation="Horizontal">
                                                <StackLayout>

                                                    <ffimageloading:CachedImage HeightRequest="70" Aspect="AspectFill" WidthRequest="70" Margin="5"
                            DownsampleHeight="70" DownsampleUseDipUnits="false" 
                            LoadingPlaceholder="image_loading.png" ErrorPlaceholder="image_error.png"
                            Source="{Binding FileName, Converter={StaticResource imageFileToImageSourceConverter}}"/>

                                                    <Label Text="{Binding ProductCategoryName}"  FontSize="Medium"  VerticalOptions="CenterAndExpand" />
                                                </StackLayout>
                                            </StackLayout>
                                        </Frame>
                                    </telerikListView:ListViewTemplateCell.View>
                                </telerikListView:ListViewTemplateCell>
                            </DataTemplate>
                        </telerikDataControls:RadListView.ItemTemplate>
                    </telerikDataControls:RadListView>

                </Grid>

            <telerikDataControls:RadListView x:Name="ProductsListView" Grid.Column="1" SelectedItem="{Binding SelectedProduct, Mode=TwoWay}" SelectionMode="Single"
                                         ItemsSource="{Binding Products}">


                    <telerikDataControls:RadListView.LayoutDefinition>
                        <telerikListView:ListViewLinearLayout VerticalItemSpacing="0" />
                    </telerikDataControls:RadListView.LayoutDefinition>

                    <telerikDataControls:RadListView.ItemTemplate>
                        <DataTemplate>

                            <telerikListView:ListViewTemplateCell>
                                <telerikListView:ListViewTemplateCell.View>
                                    <Frame  CornerRadius="10" HasShadow="True" OutlineColor="#4488F6" Margin="5" HeightRequest="110" >
                                        <Grid>
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="70"/>
                                            <RowDefinition Height="20"/>
                                            <RowDefinition Height="20"/>
                                        </Grid.RowDefinitions>

                                                <ffimageloading:CachedImage HeightRequest="70" Aspect="AspectFit" WidthRequest="70" Margin="2"
                            DownsampleHeight="50" DownsampleUseDipUnits="false" 
                            LoadingPlaceholder="image_loading.png" ErrorPlaceholder="image_error.png"
                            Source="{Binding FileName, Converter={StaticResource imageFileToImageSourceConverter}}"/>
                                                <Label Text="{Binding RestProductNameEntity.ProductName}"  FontSize="Medium"  VerticalOptions="CenterAndExpand" Grid.Row="1" />


                                        <telerikInput:RadNumericInput   Value="{Binding Quantity, Mode=TwoWay}" Grid.Row="2" HeightRequest="20" />

                                        </Grid>
                                    </Frame>
                                </telerikListView:ListViewTemplateCell.View>
                            </telerikListView:ListViewTemplateCell>
                        </DataTemplate>
                    </telerikDataControls:RadListView.ItemTemplate>
                </telerikDataControls:RadListView>
            </Grid>
    </ContentView.Content>
</ContentView>

c# file not providing because it used web api from another project, also using dummy source has same effect. As source used

ObservableCollection

Related questions

Telerik UI for UWP RadCalendar How to use commands

See also questions close to this topic