Telerik Forums
UI for Blazor Forum
1 answer
97 views
Hi all,

I am trying to find a way that I can display events using the Scheduler Blazor component that do not use the recurrence rule, but instead display a list of "real" events returned from the DB that are linked via a parent/child relationship.

            foreach (var event in events)
            {

event.RecurrenceRule = null; var firstOccurence = new Job { Id = new Guid(); Start = new DateTime(event.Start.Value.Ticks).AddDays(1), End = new DateTime(event.End.Value.Ticks).AddDays(1), }; var secondOccurence = new Event { Id = new Guid(); Start = new DateTime(event.Start.Value.Ticks).AddDays(2), End = new DateTime(event.End.Value.Ticks).AddDays(2), }; recurrenceEvents.Add(firstOccurence); recurrenceEvents.Add(secondOccurence); } events.AddRange(recurrenceEvents);

The rationale for doing this is to mitigate against issues we have had with long running events and exceeding the Recurrence Exception max length. Doing this currently will not display these events are recurring events, meaning that we lose the functionality of the "Edit Occurrence" or "Edit Series" buttons, and lose the UI element of the recurrence icons in the scheduler.

Is there a way of spoofing recurrence for events in the scheduler?
Nansi
Telerik team
 answered on 08 Aug 2024
1 answer
103 views

Hi all,

Could you please add the OnBeforeActiveTabIndexChange event and allow to cancel ActiveTabIndexChange in the handler?

I saw an example in the doc about how to prevent tab (index) change, but it is not sufficient because of:

- event if you won't change the tab index, the active tab is still being destroyed and recreated;

- we don't want to keep the tab in memory by using the Persist flag;

 

We need to prevent tab switching by showing the user a confirmation and reacting to the user's choice.

Hristian Stefanov
Telerik team
 answered on 07 Aug 2024
1 answer
591 views

I have the following code for my GridToolBarTemplate. We want the ExportToExcel formated to the far right while the Resub, Cancel and Cleare stay to the left.  How is this done?


                <GridToolBarTemplate>
                    <GridCommandButton Command="Resubmit" Enabled="@IsResubmitEnabled" Icon="@SvgIcon.Redo" OnClick="TransactionsGrid_ResubmitButton_ClickAsync">RESUBMIT</GridCommandButton>
                    <GridCommandButton Command="Cancel" Icon="@SvgIcon.Cancel" OnClick="TransactionsGrid_CancelButton_Click">CANCEL</GridCommandButton>
                    <GridCommandButton Command="Clear" Icon="@SvgIcon.ArrowRotateCcw" OnClick="TransactionsGrid_ClearButton_Click">CLEAR</GridCommandButton>
                    <GridCommandButton Command="ExcelExport" Icon="@SvgIcon.FileExcel">Export to Excel</GridCommandButton>
                    
                </GridToolBarTemplate>

Lee
Top achievements
Rank 1
Iron
 answered on 06 Aug 2024
1 answer
146 views

 See that popup hint when the user has eht emouse over the draweritem, [Products], had this working fine in the net6 version of the app. But on converting to .net8 it appears to have stopped working.

Do I need to do somethign different? I cant find any simple examples of gettign this to work.

Code I have:

@inject NavigationManager NavigationManager

<TelerikTooltip TargetSelector=".k-drawer-items span.k-icon[title]" />

<div class="drawer-container">
    <div class="custom-toolbar">
        <TelerikButton OnClick="@ToggleDrawer"
                       Icon="@FontIcon.Menu"
                       FillMode="@(ThemeConstants.Button.FillMode.Flat)">
        </TelerikButton>
        <span class="mail-box">@strAppName</span>
    </div>

    <TelerikDrawer @ref="@Drawer"
                   Data="Data"
                   MiniMode="true"
                   Mode="@DrawerMode.Push"
                   TItem="DrawerItem"
                   SelectedItemChanged="@OnItemSelect"
                   @bind-Expanded="@Expanded">
        <Template>
            <div class="k-drawer-items" role="menubar" aria-orientation="vertical">
                <ul>
                    @foreach (var item in context)
                    {
                        var selectedClass = item == SelectedItem ? "k-selected" : string.Empty;

                        <li @onclick="@(() => OnItemSelect(item))" class="k-drawer-item @selectedClass k-level-@(item.Level)">
                            <TelerikSvgIcon Icon="@item.Icon"></TelerikSvgIcon>
                            <span class="k-item-text">@item.Text</span>
                            <span class="k-icon k-font-icon k-i-@item.Icon" title="@item.Title"></span>

                            @if (item.Expanded && (item.Children?.Any() ?? false))
                            {
                                <TelerikSvgIcon Class="drawer-chevron-icon" Icon="@SvgIcon.ChevronDown" />
                            }
                            else if (!item.Expanded && (item.Children?.Any() ?? false))
                            {
                                <TelerikSvgIcon Class="drawer-chevron-icon" Icon="@SvgIcon.ChevronRight" />
                            }
                        </li>
                    }
                </ul>
            </div>
        </Template>
    </TelerikDrawer>
</div>


<style>

    .sidebar {
        background-image: none !important;
    }

    .drawer-container {
        /* margin: 30px auto;*/
        width: 100% !important; /*100%*/
    }

    .k-drawer-container {
        position: relative;
        width: 100%;
    }

    .custom-toolbar {
        width: @strAppNameWidth;
        background-color: #f6f6f6;
        line-height: 49px;
        border-bottom: inset;
        border-bottom-width: 1px;
        padding: 3px 8px;
        color: #656565;
    }

    .mail-box {
        margin-left: 20px;
        font-weight: bold;
        font-size: 17px;
    }

    .page ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .page li:last-child {
        border: 0;
    }

    .page li h6 {
        border-bottom: none;
        padding-bottom: 8px;
    }


    .k-drawer-content {
        padding: 25px;
        font-size: 18px;
    }

    .k-d-level {
        display: flex;
    }

    .drawer-chevron-icon {
        position: absolute;
        right: 0;
        line-height: inherit;
        margin: 0 8px
    }

</style>

 

As far as I can tell this line: <span class="k-icon k-font-icon k-i-@item.Icon" title="@item.Title"></span>

Should be doing the work of showing the Hint whcih I am putting in title in code behind.

example:

new List<DrawerItem>
{
    new DrawerItem
    {
        Title = "Home",
        Text = "Home",
        Icon = SvgIcon.Home,
        Url="./"
    },
    new DrawerItem
    {
        Title = "Management",
        Text = "Management",
        Icon = SvgIcon.DataSds,
        Url="Management"
    },
    new DrawerItem
    {
        Title = "Products",
        Text = "Products",
        Icon = SvgIcon.BuildingBlocks,
        Url="Products"
    },

Any suggestions pointers as to what I am doing incorrectly?

Thanks

Deasun.

 

                        
Deasun
Top achievements
Rank 1
Iron
 answered on 06 Aug 2024
1 answer
154 views

I'm currently trying to integrate telerik tilelayout inside telerik tabstrip dynamically?

for example

        <TabStripTab Class="@(filteredRows.Any() ? GetTabWidth() : "auto")"  Title="@tabtitle1["tabtitle"].ToString()">
                 <TelerikTileLayout Columns="12"
               RowHeight="auto"
               Resizable="true"
               Reorderable="true">
<TileLayoutItems>
                    @foreach (DataRow row in filteredRows)
                    {

                        <_Data columnspan='Convert.ToInt32(row["columnspan"])' rowspan='Convert.ToInt32(row["rowspan"])' pageId="@pageId" oDt="row" encryptQueryString="@data"></_Data>
                    }
                </TileLayoutItems>
            </TelerikTileLayout>
                </TabStripTab>
            }                                   
            @if (filteredRows2.Any())
            {

        <TabStripTab Title="@tabtitle2["tabtitle"].ToString()">

            <TelerikTileLayout Columns="12"
                               RowHeight="auto"
                               Resizable="true"
                               Reorderable="true">
                <TileLayoutItems>
                    @foreach (DataRow row in filteredRows2)
                    {

                        <_Data columnspan='Convert.ToInt32(row["columnspan"])' rowspan='Convert.ToInt32(row["rowspan"])' oDt="row" data="@data"></_Data>
                    }
                </TileLayoutItems>
            </TelerikTileLayout>

                </TabStripTab>

when i set persist content to true it reloads the components which invoke the database calling ?I s there any way to do without component being refreshed?

                                             
Sean
Top achievements
Rank 1
Iron
 answered on 06 Aug 2024
0 answers
118 views

Hi, I'm trying to create a new project using the telerik blazor project template. When I click the Create button, VS hangs and nothing is created. 
Using:

DOTNET 8

Microsoft Visual Studio Community 2022 (64-bit) - Current
Version 17.10.5

Telerik Blazor 6.1.0

 

Thanks

 

 

CARLOS
Top achievements
Rank 1
 asked on 05 Aug 2024
1 answer
335 views

Hello,

I'm receiving an exception after I upgraded to version 6.0.2. When I try to load a GroupDescriptor on StateInit of a grid, the page crashes. It seems like if the OnRead method is async and takes too long, it causes something to be null and throws a null argument exception. Here's an example for the error:

fail: Microsoft.AspNetCore.Components.Server.Circuits.CircuitHost[111]
      Unhandled exception in circuit 'DlYqtxkSjOU4QLgOZWeNdQC1Z5gG3bJP4QfPcowK3-w'.
      System.ArgumentNullException: Value cannot be null. (Parameter 'source')
         at System.Linq.ThrowHelper.ThrowArgumentNullException(ExceptionArgument argument)
         at System.Linq.Enumerable.Select[TSource,TResult](IEnumerable`1 source, Func`2 selector)
         at Telerik.Blazor.Components.TelerikGrid`1.SetProcessedGroups(IEnumerable data)
         at Telerik.Blazor.Components.TelerikGrid`1.SetProcessedData(IEnumerable data)
         at Telerik.Blazor.Components.Common.DataBoundComponent`1.ProcessOnReadResult(ReadEventArgs args)
         at Telerik.Blazor.Components.Common.GridBase`1.<>n__0(ReadEventArgs args)
         at Telerik.Blazor.Components.Common.GridBase`1.ProcessOnReadResult(ReadEventArgs args)
         at Telerik.Blazor.Components.Common.DataBoundComponent`1.ProcessOnReadData()
         at Telerik.Blazor.Components.Common.DataBoundComponent`1.StartDataProcessAsync()
         at Telerik.Blazor.Components.Common.DataBoundComponent`1.ProcessDataOnParametersSetAsync()
         at Telerik.Blazor.Components.Common.DataBoundComponent`1.OnParametersSetAsync()
         at Telerik.Blazor.Components.TelerikGrid`1.OnParametersSetAsync()
         at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
         at Microsoft.AspNetCore.Components.ComponentBase.RunInitAndSetParametersAsync()
         at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle, ComponentState owningComponentState)

This was working fine when I was using version 5.1.1, but broke when I tried to upgrade to 6.0.2. I added a simplified example to reproduce the error I'm experiencing. I'm running the App in "Server" render mode in case that's relevant.

Test code:

_Host.cshtml

...

<component type="typeof(App)" render-mode="Server" />

...


Test.razor

@page "/"
@using Telerik.DataSource
@using Telerik.DataSource.Extensions;

<div class="k-d-flex-col k-justify-content-center">
    
    <TelerikGrid @ref="GridRef" TItem="Employee" Groupable="true" Pageable="true" Height="400px" OnRead="@ReadAsync" OnStateInit="@StateInit">
        <GridAggregates>
            <GridAggregate Field="Team" Aggregate="@GridAggregateType.Count" />
        </GridAggregates>
        <GridColumns>
            <GridColumn Field=@nameof(Employee.Name) Groupable="false" />
            <GridColumn Field=@nameof(Employee.Team) Title="Team" />
            <GridColumn Field=@nameof(Employee.IsOnLeave) Title="On Vacation" />
        </GridColumns>
    </TelerikGrid>

</div>

@code {
    public TelerikGrid<Employee> GridRef { get; set; }

    public async Task ReadAsync(GridReadEventArgs args)
    {
        var data = new List<Employee>();
        var rand = new Random();
        for (int i = 0; i < 50; i++)
        {
            data.Add(new Employee()
            {
                EmployeeId = i,
                Name = "Employee " + i.ToString(),
                Team = "Team " + i % 5,
                IsOnLeave = i % 2 == 0
            });
            await Task.Delay(50); // simulating DB call
        }

        DataSourceResult result = await data.ToDataSourceResultAsync(args.Request);
        args.Data = result.Data;
        args.Total = result.Total;
        args.AggregateResults = result.AggregateResults;
    }

    public void StateInit(GridStateEventArgs<Employee> args)
    {
        args.GridState.GroupDescriptors = new List<GroupDescriptor>()
        {
            new GroupDescriptor()
            {
                Member = "Team",
                MemberType = typeof(string)
            }
        };
    }

    public class Employee
    {
        public int EmployeeId { get; set; }
        public string Name { get; set; }
        public string Team { get; set; }
        public bool IsOnLeave { get; set; }
    }
}

Any help would be appreciated.

Nadezhda Tacheva
Telerik team
 answered on 05 Aug 2024
0 answers
273 views

Hi, I'm trying to install the UI for Blazor package to a project and it wont install. I get the following message:
---------

Severity Code Description Project File Line Suppression State
Error NU1101 Unable to find package Telerik.FontIcons. No packages exist with this id in source(s): C:\Program Files\dotnet\library-packs, Microsoft Visual Studio Offline Packages, Telerik Blzor BlazorApp1 D:\BlazorApp1\BlazorApp1\BlazorApp1.csproj 1


-------

this is my csproj file is

<Project Sdk="Microsoft.NET.Sdk.Web">

  <PropertyGroup>
    <TargetFramework>net8.0</TargetFramework>
    <Nullable>enable</Nullable>
    <ImplicitUsings>enable</ImplicitUsings>
  </PropertyGroup>

</Project>

 

Visual Studio is version is 17.10.5

Telerik UI is 6.0.2

Thanks

CARLOS
Top achievements
Rank 1
 asked on 05 Aug 2024
0 answers
130 views

Hi there,

Is there any way to edit/modify the first column? I mean, I would like to add some button, image, etc to the column. Like i show in the next image. There's any template to recreate this behavior ?

Here's some code from that example.

Thanks in advance. 


SchedulerTelerik.razor

@page "/schedulerTelerik"

<div class="container">
    
    <div class="d-flex justify-content-between gap-4">
        <div class="input-group mb-3">
            <div class="input-group-prepend">
                <span class="input-group-text">Change start date:</span>
            </div>
            <TelerikDateTimePicker @bind-Value="@startDate" Class="form-control" />
        </div>

        <div class="input-group mb-3">
            <div class="input-group-prepend">
                <span class="input-group-text">Change end date:</span>
            </div>
            <TelerikDateTimePicker @bind-Value="@endDate" Class="form-control" />
        </div>

        <div class="input-group mb-3">
            <div class="input-group-prepend">
                <span class="input-group-text">Change slot duration:</span>
            </div>
            <TelerikNumericTextBox @bind-Value="@slotDuration" Class="form-control" />
        </div>
    </div>

    <br />

    <TelerikScheduler Data="@appointments" @bind-Date="@startDate" @bind-View="@currentView" Height="800px"
                      AllowCreate="true" AllowDelete="true" AllowUpdate="true">
        <SchedulerViews>
            <SchedulerTimelineView StartTime="@startTime" EndTime="@endTime"
                                   SlotDuration="@slotDuration"
                                   SlotDivisions="@slotDivision"
                                   ColumnWidth="@columnWidth" />
        </SchedulerViews>
        <SchedulerResources>
            <SchedulerResource Field="Team" Title="Edit team" Data="@schedulerResources"></SchedulerResource>
        </SchedulerResources>
        <SchedulerSettings>
            <SchedulerGroupSettings Resources="@groupingResources" Orientation="@SchedulerGroupOrientation.Vertical"></SchedulerGroupSettings>
        </SchedulerSettings>
    </TelerikScheduler>

</div>

SchedulerTelerik.razor.cs

using Telerik.Blazor;
using Telerik.FontIcons;

namespace TelerikComponentsTest.Pages
{
    public partial class SchedulerTelerik
    {
        #region Auxiliar classes
        public class SchedulerAppointment
        {
            public Guid Id { get; set; }
            public string Title { get; set; }
            public string Description { get; set; }
            public DateTime Start { get; set; } = DateTime.Now;
            public DateTime End { get; set; } = DateTime.Now.AddHours(4);
            public bool IsAllDay { get; set; }
            public string RecurrenceRule { get; set; }
            public List<DateTime> RecurrenceExceptions { get; set; }
            public Guid? RecurrenceId { get; set; }
            public FontIcon? Icon { get; set; }

            public SchedulerAppointment()
            {
                Id = Guid.NewGuid();
            }
        }
        public class Resource
        {
            public string Text { get; set; }
            public string Value { get; set; }
            public string Color { get; set; }
        }
        #endregion

        #region Dependency injection services
        // the following static classes mimics an actual data service that handles the actual data source
        // replace it with your actual service through the DI, this only mimics how the API can look like and works for this standalone page
        public static class MockupAppointmentService
        {
            private static List<SchedulerAppointment> _data { get; set; } = new List<SchedulerAppointment>();
            
            public static async Task CreateAppointmentAsync(SchedulerAppointment itemToInsert)
            {
                itemToInsert.Id = Guid.NewGuid();
                _data.Insert(0, itemToInsert);
            }
            public static async Task<List<SchedulerAppointment>> ReadAppointmentAsync() => await Task.FromResult(_data);
            public static async Task UpdateAppointmentAsync(SchedulerAppointment itemToUpdate)
            {
                var index = _data.FindIndex(i => i.Id == itemToUpdate.Id);
                if (index != -1)
                {
                    _data[index] = itemToUpdate;
                }
            }
            public static async Task DeleteAppointmentAsync(SchedulerAppointment itemToDelete)
            {
                if (itemToDelete.RecurrenceId != null)
                {
                    // a recurrence exception was deleted, you may want to update
                    // the rest of the data source - find an item where theItem.Id == itemToDelete.RecurrenceId
                    // and remove the current exception date from the list of its RecurrenceExceptions
                }

                if (!string.IsNullOrEmpty(itemToDelete.RecurrenceRule) && itemToDelete.RecurrenceExceptions?.Count > 0)
                {
                    // a recurring appointment was deleted that had exceptions, you may want to
                    // delete or update any exceptions from the data source - look for
                    // items where theItem.RecurrenceId == itemToDelete.Id
                }

                _data.Remove(itemToDelete);
            }
        }

        public static class MockupResourcesService
        {
            public static List<Resource> _resources { get; set; } = new List<Resource>() {
                new Resource()
                {
                    Text = "Alex",
                    Value = "1",
                    Color = "#99ffcc"
                },
                new Resource()
                {
                    Text = "Bob",
                    Value = "2",
                    Color = "#47d147"
                },
                new Resource()
                {
                    Text = "Charlie",
                    Value = "3",
                    Color = "#336600"
                }
            };
            public static async Task<List<Resource>> GetResourcesAsync() => await Task.FromResult(_resources);
        }
        #endregion

        #region Fields
        private DateTime
            startDate = DateTime.Now.Date,
            endDate = DateTime.Now.Date.AddDays(1).AddHours(10),
            
            startTime= DateTime.Now.Date,
            endTime= DateTime.Now.Date.AddHours(23);

        private int
            slotDuration = 60,
            slotDivision = 1,
            columnWidth = 80;

        private List<Resource> schedulerResources = new List<Resource>();
        private List<SchedulerAppointment> appointments = new();

        private List<string> groupingResources = new List<string> { "Team" };
        private SchedulerView currentView = SchedulerView.Timeline;
        #endregion

        #region private methods
        private void GetSchedulerData() => appointments = new List<SchedulerAppointment>();
        private async Task GetResources() => schedulerResources = await MockupResourcesService.GetResourcesAsync();
        #endregion

        #region Life time cycle
        protected override async Task OnInitializedAsync()
        {
            GetSchedulerData();
            await GetResources();

            await base.OnInitializedAsync();
        }
        #endregion
    }
}

Hadrian
Top achievements
Rank 1
Iron
 asked on 02 Aug 2024
1 answer
382 views

I have a grid that I built on Radzen Studio is there any way for me to convert into telerik.

Here is my code

Filename: IqdateIqdates.razor.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.JSInterop;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Components.Web;
using Radzen;
using Radzen.Blazor;

namespace LastVersion.Client.Pages
{
    public partial class IqdateIqdates
    {
        [Inject]
        protected IJSRuntime JSRuntime { get; set; }

        [Inject]
        protected NavigationManager NavigationManager { get; set; }

        [Inject]
        protected DialogService DialogService { get; set; }

        [Inject]
        protected TooltipService TooltipService { get; set; }

        [Inject]
        protected ContextMenuService ContextMenuService { get; set; }

        [Inject]
        protected NotificationService NotificationService { get; set; }

        [Inject]
        public JDEService JDEService { get; set; }

        protected IEnumerable<LastVersion.Server.Models.JDE.IqdateIqdate> iqdateIqdates;

        protected RadzenDataGrid<LastVersion.Server.Models.JDE.IqdateIqdate> grid0;
       
        protected int count;

        protected string search = "";

        protected async Task Search(ChangeEventArgs args)
        {
            search = $"{args.Value}";

            await grid0.GoToPage(0);

            await grid0.Reload();
        }

        protected async Task Grid0LoadData(LoadDataArgs args)
        {
            try
            {
                var result = await JDEService.GetIqdateIqdates(filter: $@"(contains(ASTDDT,""{search}"") or contains(AERODT,""{search}"") or contains(AYMDDT,""{search}"") or contains(ACYMDT,""{search}"") or contains(AMDCY,""{search}"") or contains(ADMCY,""{search}"") or contains(ACYMD,""{search}"") or contains(AJULAN,""{search}"") or contains(AJULN1,""{search}"") or contains(AJULN2,""{search}"") or contains(DAYNM,""{search}"") or contains(DAYABR,""{search}"") or contains(MTHNM,""{search}"") or contains(MTHABR,""{search}"") or contains(DABBR,""{search}"") or contains(DFULL,""{search}"")) and {(string.IsNullOrEmpty(args.Filter)? "true" : args.Filter)}", orderby: $"{args.OrderBy}", top: args.Top, skip: args.Skip, count:args.Top != null && args.Skip != null);
                iqdateIqdates = result.Value.AsODataEnumerable();
                count = result.Count;
            }
            catch (System.Exception ex)
            {
                NotificationService.Notify(new NotificationMessage(){ Severity = NotificationSeverity.Error, Summary = $"Error", Detail = $"Unable to load IqdateIqdates" });
            }
        }
        protected bool errorVisible;
        protected LastVersion.Server.Models.JDE.IqdateIqdate iqdateIqdate;


        protected async Task CancelButtonClick(MouseEventArgs args)
        {
            NavigationManager.NavigateTo("iqdate-iqdates");
        }
    }
}

Filename: IqdateIqdates.razor



<RadzenStack>
    <RadzenRow AlignItems="AlignItems.Center">
        <RadzenColumn Size="12" SizeMD="6">
            <RadzenText Text="IqdateIqdates" TextStyle="TextStyle.H3" TagName="TagName.H1" style="margin: 0" />
        </RadzenColumn>
        <RadzenColumn Size="12" SizeMD="6">
            <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" JustifyContent="JustifyContent.End" Gap="0.5rem">
            </RadzenStack>
        </RadzenColumn>
    </RadzenRow>
    <RadzenTextBox Placeholder="Search ..." style="display: block; width: 100%" @oninput="@Search" aria-label="Search by all string columns" />
    <RadzenRow>
      <RadzenColumn SizeMD=12>
        <RadzenDataGrid @ref="grid0" ColumnWidth="200px"   AllowFiltering="true" FilterMode="FilterMode.Advanced" AllowPaging="true" AllowSorting="true" ShowPagingSummary="true" PageSizeOptions=@(new int[]{5, 10, 20, 30})
            Data="@iqdateIqdates" LoadData="@Grid0LoadData" Count="@count" TItem="LastVersion.Server.Models.JDE.IqdateIqdate">
            <Columns>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="CENTRY" Title="CENTRY">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="CENTRY" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.CENTRY" Name="CENTRY" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="CNTFLG" Title="CNTFLG">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="CNTFLG" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.CNTFLG" Name="CNTFLG" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="MONTH" Title="MONTH">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="MONTH" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.MONTH" Name="MONTH" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="DAY" Title="DAY">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="DAY" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.DAY" Name="DAY" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="YEAR" Title="YEAR">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="YEAR" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.YEAR" Name="YEAR" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="CENTYR" Title="CENTYR">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="CENTYR" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.CENTYR" Name="CENTYR" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="STDDAT" Title="STDDAT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="STDDAT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.STDDAT" Name="STDDAT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="ERODAT" Title="ERODAT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="ERODAT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.ERODAT" Name="ERODAT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="YMDDAT" Title="YMDDAT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="YMDDAT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.YMDDAT" Name="YMDDAT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="CYMDAT" Title="CYMDAT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="CYMDAT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.CYMDAT" Name="CYMDAT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="MDCYDT" Title="MDCYDT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="MDCYDT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.MDCYDT" Name="MDCYDT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="DMCYDT" Title="DMCYDT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="DMCYDT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.DMCYDT" Name="DMCYDT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="CYMDDT" Title="CYMDDT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="CYMDDT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.CYMDDT" Name="CYMDDT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="JULIAN" Title="JULIAN">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="JULIAN" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.JULIAN" Name="JULIAN" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="JULAN1" Title="JULA N1">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="JULA N1" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.JULAN1" Name="JULAN1" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="JULAN2" Title="JULA N2">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="JULA N2" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.JULAN2" Name="JULAN2" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="MTHYR" Title="MTHYR">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="MTHYR" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.MTHYR" Name="MTHYR" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="YRMTH" Title="YRMTH">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="YRMTH" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.YRMTH" Name="YRMTH" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="CNTDAT" Title="CNTDAT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="CNTDAT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.CNTDAT" Name="CNTDAT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="USADAT" Title="USADAT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="USADAT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenDatePicker DateFormat="MM/dd/yyyy" style="display: block; width: 100%" @bind-Value="@iqdateIqdate.USADAT" Name="USADAT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="ASTDDT" Title="ASTDDT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="ASTDDT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.ASTDDT" Name="ASTDDT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="AERODT" Title="AERODT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="AERODT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.AERODT" Name="AERODT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="AYMDDT" Title="AYMDDT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="AYMDDT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.AYMDDT" Name="AYMDDT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="ACYMDT" Title="ACYMDT">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="ACYMDT" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.ACYMDT" Name="ACYMDT" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="AMDCY" Title="AMDCY">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="AMDCY" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.AMDCY" Name="AMDCY" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="ADMCY" Title="ADMCY">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="ADMCY" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.ADMCY" Name="ADMCY" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="ACYMD" Title="ACYMD">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="ACYMD" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.ACYMD" Name="ACYMD" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="AJULAN" Title="AJULAN">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="AJULAN" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.AJULAN" Name="AJULAN" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="AJULN1" Title="AJUL N1">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="AJUL N1" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.AJULN1" Name="AJULN1" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="AJULN2" Title="AJUL N2">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="AJUL N2" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.AJULN2" Name="AJULN2" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="DAYNM" Title="DAYNM">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="DAYNM" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.DAYNM" Name="DAYNM" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="DAYABR" Title="DAYABR">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="DAYABR" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.DAYABR" Name="DAYABR" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="MTHNM" Title="MTHNM">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="MTHNM" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.MTHNM" Name="MTHNM" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="MTHABR" Title="MTHABR">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="MTHABR" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.MTHABR" Name="MTHABR" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="DABBR" Title="DABBR">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="DABBR" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.DABBR" Name="DABBR" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="DFULL" Title="DFULL">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="DFULL" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenTextBox style="display: block; width: 100%" @bind-Value="@iqdateIqdate.DFULL" Name="DFULL" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
                <RadzenDataGridColumn TItem="LastVersion.Server.Models.JDE.IqdateIqdate" Property="MONTH_" Title="MONT H">
                  <EditTemplate Context="iqdateIqdate">
                    <RadzenFormField Text="MONT H" Variant="Variant.Outlined">
                     <ChildContent>
                      <RadzenNumeric style="display: block; width: 100%" @bind-Value="@iqdateIqdate.MONTH_" Name="MONTH_" />
                    </ChildContent>
                   </RadzenFormField>
                  </EditTemplate>
                </RadzenDataGridColumn>
            </Columns>

        </RadzenDataGrid>

    </RadzenColumn>
  </RadzenRow>
</RadzenStack>

and here is my model file 

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;
using System.Text.Json;
using System.Text.Json.Serialization;

namespace LastVersion.Server.Models.JDE
{
    [Table("Iqdate", Schema = "iqdate")]
    public partial class IqdateIqdate
    {

        [NotMapped]
        [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
        [JsonPropertyName("@odata.etag")]
        public string ETag
        {
            get;
            set;
        }
        
        public int? CENTRY { get; set; }

        public int? CNTFLG { get; set; }

        public int? MONTH { get; set; }

        public int? DAY { get; set; }

        public int? YEAR { get; set; }

        public int? CENTYR { get; set; }

        public int? STDDAT { get; set; }

        public int? ERODAT { get; set; }

        public int? YMDDAT { get; set; }

        public int? CYMDAT { get; set; }

        public int? MDCYDT { get; set; }

        public int? DMCYDT { get; set; }

        public int? CYMDDT { get; set; }

        public int? JULIAN { get; set; }

        public int? JULAN1 { get; set; }

        public int? JULAN2 { get; set; }

        public int? MTHYR { get; set; }

        public int? YRMTH { get; set; }

        public int? CNTDAT { get; set; }

        public DateTime? USADAT { get; set; }

        public string ASTDDT { get; set; }

        public string AERODT { get; set; }

        public string AYMDDT { get; set; }

        public string ACYMDT { get; set; }

        public string AMDCY { get; set; }

        public string ADMCY { get; set; }

        public string ACYMD { get; set; }

        public string AJULAN { get; set; }

        public string AJULN1 { get; set; }

        public string AJULN2 { get; set; }

        public string DAYNM { get; set; }

        public string DAYABR { get; set; }

        public string MTHNM { get; set; }

        public string MTHABR { get; set; }

        public string DABBR { get; set; }

        public string DFULL { get; set; }

        [Column("MONTH#")]
        public int? MONTH_ { get; set; }
    }
}
Dimo
Telerik team
 answered on 02 Aug 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?