Telerik Forums
UI for Blazor Forum
2 answers
276 views

Hi

The problem I am having is, that when I select a HOUR in the list of hours, by clicking on it with the mouse, the hour is updated shortly and then reset to the hours of the DateTime send into the control. That is, the hour in the text box is set for the selected one, and then reset half a second later. The dropdown with hours 'rolls' back to the initial hour. There is the same problem for the Minutes and Seconds

When trying the component on the Telerik Blazor DEMO site, that works just fine, but in my solution (running on my own PC which is setup for the Danish Language and Regional settings) it does as above. My demo component for testing this is quite simple:

 

 

@page "/CodeSamples"

<label for="timepicker">Time:</label>
<TelerikTimePicker Min="@Min" Max="@Max" Format="HH:mm:ss" @bind-Value="@selectedTime" Id="timepicker"></TelerikTimePicker>

<div class="pt-4">The selected time is: @selectedTime?.ToLongTimeString()</div>

@code  {
    public DateTime Min = new DateTime(1900, 1, 1, 10, 0, 0);
    public DateTime Max = new DateTime(1900, 1, 1, 20, 0, 0);
    private DateTime? selectedTime = DateTime.Now;
}

 

Can you help me? :-)

Jesper
Top achievements
Rank 1
Veteran
 answered on 01 Jul 2020
2 answers
3.5K+ views
Tried this both from creating a new Telerik Blazor project and adding Telerik UI for Blazor to an existing project.  Server-Side Blazor projects.  Both produce the same results.  Version 2.1.1 when hitting the page with the Telerik Blazor Grid, the Output window fills with errors the first of which is:

Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer: Warning: Unhandled exception rendering component: Could not find 'TelerikBlazor' in 'window'.
Error: Could not find 'TelerikBlazor' in 'window'.
   at Anonymous function (https://localhost:44365/_framework/blazor.server.js:8:28059)
   at Array.prototype.forEach (native code)
   at p (https://localhost:44365/_framework/blazor.server.js:8:28010)
   at Anonymous function (https://localhost:44365/_framework/blazor.server.js:8:28731)
   at Promise (native code)
   at e.jsCallDispatcher.beginInvokeJSFromDotNet (https://localhost:44365/_framework/blazor.server.js:8:28701)
   at Anonymous function (https://localhost:44365/_framework/blazor.server.js:1:19139)
   at Array.prototype.forEach (native code)
   at e.prototype.invokeClientMethod (https://localhost:44365/_framework/blazor.server.js:1:19117)
   at e.prototype.processIncomingData (https://localhost:44365/_framework/blazor.server.js:1:17160)

 

Alan
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 01 Jul 2020
1 answer
458 views

Is it possible to show the weeknumbers in a DatePicker?

We work most of the time with weeknumbers instead of a date so people know they have to select e.g. the monday of week 27 instead of 29-06-2020

 

Thanks,

 

Maurice

Svetoslav Dimitrov
Telerik team
 answered on 30 Jun 2020
3 answers
149 views
     Hello,
i was hoping that you could add a property to elements which have pop ups so we can assign a class to their pop ups like PopupWidth you could add PopupClass this helps a lot with customization
in my situation im trying to change style of TelerikDropDownList to make a color picker but i cant customize popup very well 
or maybe if there was a way to use popup functionality with our own ui 
 
Svetoslav Dimitrov
Telerik team
 answered on 29 Jun 2020
1 answer
396 views

Hello,

I need to update some greed each time a user clicks on calendar. Now we have two events in calendar.

The OnChange event fires on date input focus loses, so it not helps me.

The ValueChanged works fine but if I type date manually then I lose date input focus on grid update and cannot finish typing. Like, I try to change 6/1/2020  to 6/11/2020. It works if I fast enough but I would prefer to disable the date input field and have the calendar available only. Is it possible to do?

Another event OnClick on calendar would help but looks like it is not exist.

Thanks.

 

Marin Bratanov
Telerik team
 answered on 28 Jun 2020
2 answers
266 views

Hi,

I noticed that the context variable in templates is of type object (e.g. in the drop-down-list, grid-column). 
Is this due to historical reasons? Could this be changed to a generically typed context? 

Regards

Kasimier Buchcik

Svetoslav Dimitrov
Telerik team
 answered on 25 Jun 2020
4 answers
1.8K+ views

If I have a grid like

<TelerikGrid @ref="@GridRef"  Data="@GridData"> ...... </TelerikGrid>
 
private ObservableCollection<WrittenVM> GridData { get; set; }
public TelerikGrid<WrittenVM> GridRef { get; set; }

 

Everything works and GridRef gets a value

If I use this code

@if (GridData == null)
            {
                <p><em>Loading...</em></p>
            }
            else
            {
                <TelerikGrid @ref="@GridRef"  Data="@GridData"> ...... </TelerikGrid>
}
private ObservableCollection<WrittenVM> GridData { get; set; }
public TelerikGrid<WrittenVM> GridRef { get; set; }

 

GridRef doesn't get a value and stays null

The loading text is displayed but I use 

      protected override async Task OnAfterRenderAsync(bool firstRender)
        {
            if (firstRender)
            {
.....
                if (GridRef !=null)
                {
                    await GridRef.SetState(desiredState);
                }
                
                StateHasChanged();
            }
        }

 

To make a custom state of the grid

Maurice
Top achievements
Rank 1
Veteran
 answered on 24 Jun 2020
2 answers
737 views

Good Afternoon,

A few days ago I created this thread on setting the grouping for a grid on initialization and received an excellent solution from Marin Bratanov.
https://www.telerik.com/forums/can-i-set-grid-grouping-and-collapse-on-initialization

Now I am trying to generate multiple grids in a loop for each election race in my list. I was successfully able to do this by creating a local variable and grabbing only the specific race entries with a linq query. All of this works fantastically.

 

@foreach (VotingMainModel item in ElectionState)
            {
                if (item.OfficeName != OfficeName)
                {
                    <br />
                    <br />
 
                    <h6>@item.OfficeName</h6>
 
                    IEnumerable<VotingMainModel> electionFilter = ElectionState.Where(x => x.OfficeName.Equals(item.OfficeName));
 
                    <TelerikGrid Data="@electionFilter" Groupable="true" @ref="@GridRef" FilterMode="@GridFilterMode.FilterMenu">
                        <GridAggregates>
                            <GridAggregate Field="@(nameof(VotingMainModel.Votes))" Aggregate="@GridAggregateType.Sum" />
                        </GridAggregates>
                        <GridColumns>
                            <GridColumn Field="@(nameof(VotingMainModel.OfficeName))" Title="Office" Groupable="true" />
                            <GridColumn Field="@(nameof(VotingMainModel.Candidate))" Title="Candidate" Groupable="true" />
                            <GridColumn Field="@(nameof(VotingMainModel.Affiliation))" Title="Affiliation" />
                            <GridColumn Field="@(nameof(VotingMainModel.Precinct))" Title="Precinct" />
                            <GridColumn Field="@(nameof(VotingMainModel.Votes))" Title="Votes">
                                <GroupFooterTemplate>
                                    Total Votes: <strong>@context.Sum</strong>
                                </GroupFooterTemplate>
                            </GridColumn>
                        </GridColumns>
                    </TelerikGrid>
                    OfficeName = item.OfficeName;
                }
            }

 

However, I would like to also set the grouping automatically for each table generated. When I get to the OnAfterRenderAsync method I get an error that says "The render handle is not yet assigned" Can I have multiple tables reference the same grid reference if they are the exact same grids with just different data in the tables?

Can I make and assign local gridref variables to each grid..I did try this, but it simply did not group them. I also tried making a list TelerikGrid and tried to add a new TelerikGrid and set the state in the loop this also really didnt do anything.

protected override async Task OnAfterRenderAsync(bool firstRender)
       {
           if (firstRender)
           {
               {
                   await GridRef.SetState(GetDesiredInitialState());
 
               }
               this.StateHasChanged();
           }
       }
Marin Bratanov
Telerik team
 answered on 23 Jun 2020
1 answer
116 views

Hi,

How do I know what Filter user set for given Column ?

I see examples of how to set Filter using State property but don't see anything of how to read Filter value.

Please advise

Marin Bratanov
Telerik team
 answered on 23 Jun 2020
2 answers
1.4K+ views

Good Afternoon,

 

I am building an elections app. I would like to use the Telerik Grid to display the candidates and votes. Each candidate will have a table row/record for each precinct vote tally. I have set the ability to group and to group by the candidate column. However I have to click/drag manually to group the candidates.

 

What I would like is when the page loads is a listing of each candidate grouping with a footer of the total vote count in a collapsed state. Then the user if they want to see a breakdown of the votes by precinct, they can expand the candidate.

 

Can I setup the grid to do be in this state programatically? If so, can you get me pointed in the right direction?

Below is my grid

<TelerikGrid Data="@officeList" Groupable="true" >
                                    <GridAggregates>
                                       <GridAggregate Field="@(nameof(VotingMainModel.Votes))" Aggregate="@GridAggregateType.Sum" />
                                    </GridAggregates>
                                    <GridColumns>
                                        <GridColumn Field="@(nameof(VotingMainModel.Candidate))" Title="Candidate" Groupable="true" />
                                        <GridColumn Field="@(nameof(VotingMainModel.Affiliation))" Title="Affiliation" />
                                        <GridColumn Field="@(nameof(VotingMainModel.Precinct))" Title="Precinct" />
                                        <GridColumn Field="@(nameof(VotingMainModel.Votes))" Title="Votes">
                                            <GroupFooterTemplate>
                                                Total Votes: <strong>@context.Sum</strong>
                                            </GroupFooterTemplate>
                                        </GridColumn>
                                    </GridColumns>
                                </TelerikGrid>
Jason
Top achievements
Rank 1
Veteran
 answered on 22 Jun 2020
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?