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? :-)
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)
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
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.
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
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
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();
}
}
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
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
>