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?

Xaml:

<Page.Resources>
        <DataTemplate x:Key="FirstLevelListViewItemTemplate" x:DataType="model:CategoriesItem">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition/>
                </Grid.RowDefinitions>

                <TextBlock Text="{x:Bind CategoryName}" FontSize="28"/>

                <GridView
                    Grid.Row="1"
                    Height="200"
                    ScrollViewer.HorizontalScrollBarVisibility="Hidden"
                    ScrollViewer.HorizontalScrollMode="Enabled"
                    ScrollViewer.VerticalScrollMode="Disabled"
                    ItemsSource="{x:Bind categories, Mode=OneWay}">
                    <GridView.ItemsPanel>
                        <ItemsPanelTemplate>
                            <ItemsWrapGrid Orientation="Vertical"/>
                        </ItemsPanelTemplate>
                    </GridView.ItemsPanel>
                    <GridView.ItemTemplate>
                        <DataTemplate x:DataType="model:CategoryItem">
                            <controls:ImageEx IsCacheEnabled="True" Width="250" Source="{x:Bind cover_image_url}"/>
                        </DataTemplate>
                    </GridView.ItemTemplate>
                </GridView>
            </Grid>
        </DataTemplate>
    </Page.Resources>

    <!--<ScrollViewer>-->
        <ListView x:Name="list"
                    SelectionMode="None"
                    ItemTemplate="{StaticResource FirstLevelListViewItemTemplate}">
        </ListView>
    <!--</ScrollViewer>-->

Model file:

public class CategoriesItem
{
    public string CategoryName { get; set; }
    public List<CategoryItem> categories { get; set; }
}

public class CategoryItem
{
    public string cover_image_url { get; set; }
}

.cs file

used to load data from local:

list.ItemsSource = await GetData();

Scene 1:

Run app with the outer ScrollViewer commented, and check the live visual tree, it shows only several ListViewItems, not all. Actually, the data has 30+ GridViews. When I scroll down the ListView, the live visual tree will add some ListViewItems, but still not all. Another problem is while scrolling down, the ListView scrolls very slow, and show data slow after blank.

Scene 2:

Run app with the outer ScrollViewer, this time all seems fine, the live visual tree shows all ListViewItems. But the bind process takes a very long time, and the memory may rise to 1GB. While, in scene 1, bind process is very quick and memory is about 300MB.

My needs:

I want the live visual tree shows all the ListViewItems, because I will use all the ListViewItems to do some extra things.
Bind process quick and memory low.

How to fix?

How to fix this, many thanks.

RenderTargetBitmap results in blurry text
In my UWP app, I want to use RenderTargetBitmap to create and save an image of a datagrid I use. Because these grids can sometimes include a lot of data, I fit the grid as well as some other elements inside a scrollviewer, and pass the contents of the scrollviewer to my method to render the bitmap and save as a PNG:
```
public async Task SnapShotPNGAsync(UIElement source, StorageFile file)
    {
        RenderTargetBitmap renderTarget = new RenderTargetBitmap();

        await renderTarget.RenderAsync(source);

        var pixelBuffer = await renderTarget.GetPixelsAsync();
        var pixels = pixelBuffer.ToArray();
        var displayInformation = DisplayInformation.GetForCurrentView();

        using (var stream = await file.OpenAsync(FileAccessMode.ReadWrite))
        {
            var encoder = await BitmapEncoder.CreateAsync(BitmapEncoder.PngEncoderId, stream);
            encoder.SetPixelData(BitmapPixelFormat.Bgra8,
                                 BitmapAlphaMode.Ignore,
                                 (uint)renderTarget.PixelWidth,
                                 (uint)renderTarget.PixelHeight,
                                 displayInformation.RawDpiX,
                                 displayInformation.RawDpiY,
                                 pixels);
            await encoder.FlushAsync();
        }
    }
```
However, despite not scaling the bitmap in any way, I get a blurry result. While there were some similar questions here, none seemed to solve my issue. Some were WPF and included stuff that doesn't apply in UWP, and others included suggestions that weren't helpful either, like taking a screenshot instead, which is not useful because like I said sometimes my data is too large for a screenshot.

The app I'm creating uses statistics and a genetic algorithm to try to predict renewal or cancellation of TV shows. Here is what the grid looks like in the app:

https://i.imgur.com/so1cNCl.png

and here is what it looks like after using RenderTargetBitmap:

https://i.imgur.com/dXYIvjl.png

While the image is still readable, it's definitely blurrier which makes things unnecessarily unpleasant for the people who follow the page I'm going to be posting these to. I saw some people suggesting that maybe it was the anti-aliasing on the text but I also saw this post which suggests it's just generally blurring everything, not just text:

Rendering Canvas with RenderTargetBitmap is giving blurry images

I've also found that having a smaller grid results in sharper images as well, so there seems to be an issue where the image is drawing from an already downscaled source, and then upscaling it to the original resolution, but why? And how can I fix this?

How To Load One Section Of The Form When a ComboBox Value Is Selected?

I was wondering if anyone can help, quite stuck at the moment. I have the following code:

ComboBox:

<sq8:ComboBox runat="server" ID="cboRevenueForecasting">
    <Items>
        <sq8:ComboBoxItem runat="server" Value="Flat Phasing" Text="Flat Phasing">
        </sq8:ComboBoxItem>
        <sq8:ComboBoxItem runat="server" Value="Manual Phasing" Text="Manual 
      Phasing"></sq8:ComboBoxItem>
    </Items>
</sq8:ComboBox>

JavaScript:

<script>
    Sys.Application.add_load(FormLoad)

    function FormLoad() {
        HideOpportunity(true);
    }

    function HideOpportunity(sender, eventArgs) {
        var x = document.getElementById("OpportunitySetUp");
        if (x.style.display === "none") {
            x.style.display = "block";
        } else {
            x.style.display =  "none";
        }

        var ForecastingGrid = document.getElementById("ForecastingRevenue");
        ForecastingGrid.style.display = "none";
        var RevenueForecasting  = $sq("[id$='cboRevenueForecasting']").val();

        if (RevenueForecasting == "Manual Phasing") {
            ForecastingGrid.style.display = "block";
        } else {
            ForecastingGrid.style.display = "none";
        }

    }
</script>

When the form loads, the code works, everything is hidden. When i click on the "Opportunity Set Up" heading the first block shows.

Then within this "Opportunity Set Up" there's a comboBox, and if the value "Manual Phasing" is selected, the 2nd section "ForecastingGrid" should show.

This seems to work perfectly up until the combobox value is selected. The code only seems to execute and show the "ForcastingRevenue" section when "autopostback = true" is added to the combobox properties but this is useless as it refreshes the whole form, resetting the other section of "OpportunitySetUp" to hide again.

Is there a way to have the form load without adding in the autopostback property? I'm using the Cora Sequence framework if that is any use.

Thanks for any help!

Telerik RadComboBox Index was out of range error when

I am using Telerik component in my asp.net web application,

below is the error I am getting

Index was out of range. Must be non-negative and less than the size of the collection. Parameter name: index Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection. Parameter name: index

Stack trace

[ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index]
   System.Collections.ArrayList.get_Item(Int32 index) +14555040
   Telerik.Web.UI.ControlItemCollection.get_Item(Int32 index) +19
   Telerik.Web.UI.ClientStateLogPlayer`1.Remove(ControlItemCollection items, Int32 index) +70
   Telerik.Web.UI.ClientStateLogPlayer`1.Play(ClientStateLogEntry entry) +361
   Telerik.Web.UI.ClientStateLogPlayer`1.Play(IEnumerable`1 clientStateLogEntry) +170
   Telerik.Web.UI.RadComboBox.LoadClientState(RadComboBoxClientState clientState) +102
   Telerik.Web.UI.RadComboBox.LoadPostData(String postDataKey, NameValueCollection postCollection) +459
   System.Web.UI.Page.ProcessPostData(NameValueCollection postData, Boolean fBeforeLoad) +558
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +2927

I am getting this error when I am selecting 1st record(this error is not coming on any other record) and submitting the form

here is my telerik component

<telerik:RadComboBox ID="ddlLearningPath" runat="server" AutoPostBack="false"
        CausesValidation="false" ToolTip="Select" ClientIDMode="Static"
        Width="100%"
        DataTextField="currName"
        DataValueField="currId"
        EnableAutomaticLoadOnDemand="true"
        ItemsPerRequest="10"
        EmptyMessage="Select...."
        ShowMoreResultsBox="true"
        EnableVirtualScrolling="true"
        MarkFirstMatch="True" OnClientSelectedIndexChanged="setDropdownFont">
    </telerik:RadComboBox>

but when I remove this -> EnableAutomaticLoadOnDemand="true"

the page works fine, I need to use EnableAutomaticLoadOnDemand in my combobox without getting the above error on first record, what will be the fix here?

ASP .NET Error when redirect to another page: Attempted to read or write protected memory. This is often an indication that other memory is corrupt
I tried to run the web and it's redirect me to my dashboard after my logging in. the database working find. data are displayed correctly. but when i tried to redirect to another page this error appeared: Attempted to read or write protected memory. This is often an indication that other memory is corrupt.

on my friend computer is working find.

screenshot error break

here is the code
```
protected void bindGvProject()
    {
        Session.Remove(GV_PROJECT);
        DataTable dt = new DataTable();

        try
        {
            using (ProjectWS.ProjectWebService ws = new ProjectWS.ProjectWebService())
            {
                ws.InsertAuditLog("Project", "Project.aspx.cs", 186, c.GetIP(), "GetProjects", CommonVariable.ACTION_RETRIEVE, loginName, DateTime.Now);
                dt = ws.GetProjects();
                Session[GV_PROJECT] = dt;
            }
        }
        catch (Exception ex)
        {
            c.LogError("Project > Project: Error on SearchProject", ex, false);
        }

        gvProject.DataSource = dt;
        gvProject.DataBind(); // error at here

        upnlSearch.Update();
        upnlSidePanel.Update();
        lbtnTotalProject.Text = dt.Rows.Count.ToString();
    }
```
Error Stack:

System.AccessViolationException occurred HResult=-2147467261
Message=Attempted to read or write protected memory. This is often an indication that other memory is corrupt. Source=System.Web
StackTrace: at System.Web.Hosting.UnsafeIISMethods.MgdGetSiteNameFromId(IntPtr pConfigSystem, UInt32 siteId, IntPtr& bstrSiteName, Int32& cchSiteName) at System.Web.Configuration.ProcessHostConfigUtils.GetSiteNameFromId(UInt32 siteId) at System.Web.Configuration.ProcessHostMapPath.MapPathCaching(String siteID, VirtualPath path) at System.Web.Configuration.ProcessHostMapPath.GetPathConfigFilenameWorker(String siteID, VirtualPath path, String& directory, String& baseName) at System.Web.Configuration.ProcessHostMapPath.System.Web.Configuration.IConfigMapPath.GetPathConfigFilename(String siteID, String path, String& directory, String& baseName) at System.Web.Configuration.HostingPreferredMapPath.GetPathConfigFilename(String siteID, String path, String& directory, String& baseName) at System.Web.Configuration.WebConfigurationHost.GetStreamName(String configPath) at System.Configuration.Internal.DelegatingConfigHost.GetStreamName(String configPath) at System.Configuration.BaseConfigurationRecord.InitConfigFromFile() at System.Configuration.BaseConfigurationRecord.Init(IInternalConfigRoot configRoot, BaseConfigurationRecord parent, String configPath, String locationSubPath) at System.Configuration.Internal.InternalConfigRoot.GetConfigRecord(String configPath) at System.Configuration.Configuration..ctor(String locationSubPath, Type typeConfigHost, Object[] hostInitConfigurationParams) at System.Configuration.Internal.InternalConfigConfigurationFactory.System.Configuration.Internal.IInternalConfigConfigurationFactory.Create(Type typeConfigHost, Object[] hostInitConfigurationParams) at System.Web.Configuration.WebConfigurationHost.OpenConfiguration(WebLevel webLevel, ConfigurationFileMap fileMap, VirtualPath path, String site, String locationSubPath, String server, String userName, String password, IntPtr tokenHandle) at System.Web.Configuration.WebConfigurationManager.OpenWebConfiguration(String path) at Telerik.Web.X_UA_CompatbileReader.LoadWebServerConfig(String applicationPath) at Telerik.Web.X_UA_CompatbileReader.IsEdge(HttpContext context) at Telerik.Web.UI.RenderModeBrowserAdaptor.get_Instance() at Telerik.Web.UI.RadCompositeDataBoundControl.ResolveRenderMode() at Telerik.Web.UI.RadCompositeDataBoundControl.get_ResolvedRenderMode() at Telerik.Web.UI.RadGrid.get_GroupPanelPosition() at Telerik.Web.UI.RadGrid.CreateChildControls(IEnumerable dataSource, Boolean dataBinding) at System.Web.UI.WebControls.CompositeDataBoundControl.PerformDataBinding(IEnumerable data) at System.Web.UI.WebControls.DataBoundControl.OnDataSourceViewSelectCallback(IEnumerable data) at System.Web.UI.DataSourceView.Select(DataSourceSelectArguments arguments, DataSourceViewSelectCallback callback) at System.Web.UI.WebControls.DataBoundControl.PerformSelect() at System.Web.UI.WebControls.BaseDataBoundControl.DataBind() at Telerik.Web.UI.RadGrid.DataBind() at Project.bindGvProject() in c:\Users\firga\Desktop\Nimrod\EMS\project\project.aspx.cs:line 291
InnerException:

Related questions