Telerik Forums
UI for Blazor Forum
3 answers
1.3K+ views

Hi,

I want to allow the input of a decimal number with exactly two decimal places in one column and in another column a number with three decimal places. How can I implement this in a GridColumn? DataAnnotations does not work.

[RegularExpression(@"^\d+\.\d{0,2}$")]
[Range(0, 9999999999999999.99)]

Thanks in advance

Marin Bratanov
Telerik team
 answered on 17 Jul 2020
1 answer
324 views

I am attempting to populate some "dummy" data into a Scheduler component by iterating over a list of Entries and adding each to the Scheduler's Data, like so:

 

foreach (ScheduleEntry entry in DummyDataForDemo)
{
    await TimesheetService.AddOrUpdateEntryAsync(entry);

    EntryUpdated(entry);
}

EntryUpdated(entry) calls ScheduleEntries.Add(entry), where ScheduleEntries is the datasource of my Scheduler component.

 

When EntryUpdated is called from the Scheduler's OnEdit callback, the Scheduler updates properly, and the ScheduleEntry is shown correctly. However, in this iterator, the Scheduler does *not* properly populate newly added entries. At most, I've seen two (of twenty) entries properly displayed until I refresh the page.

How can I accomplish this?

1: I've tried calling StateHasChanged() after iterating over DummyDateForDemo.

2: I've tried making ScheduleEntries an ObservableCollection. This doesn't *seem* to be supported anyway, since documentation mentions "Observable Data" for e.g. Grids, but not Schedulers.

3. I've also tried the trick found at https://feedback.telerik.com/blazor/1409112-the-grid-does-not-update-on-data-source-change but that doesn't work because I can't set Scheduler.Data outside of the component.

 

Please note that all other code is executing correctly - the ScheduleEntry objects *are* being added to the datasource, and they're being properly saved to the database.

 

Thanks,

Andrew

 


Marin Bratanov
Telerik team
 answered on 16 Jul 2020
1 answer
342 views

I've a weird issue with grid and virtual scrolling. It seems that if you scroll with the scrollbar all goes fine, but if you use flywheel to scroll to the top, some of the first items are not loaded and the placeholders are shown instead, the scrollbar has cursor in top position.

I can see from the debug that the last onread is made with skip value equal to the number of missing items.

Svetoslav Dimitrov
Telerik team
 answered on 16 Jul 2020
3 answers
442 views
Hello 
i was looking for a way to keep menu open if its clicked not like staying open as long as its hovered i need it to stay open as long as its focused 
Marin Bratanov
Telerik team
 answered on 14 Jul 2020
1 answer
619 views

Hi,

will there be a focusout-event in the future? Similar to the focusout-event of html-input...

I want to do something after leaving a row.

Lots of greetings

Marin Bratanov
Telerik team
 answered on 14 Jul 2020
3 answers
787 views

I have a new project that requires real-time data updates on a grid for a team of users to collaborate within the application.

It seems SignalR is a good candidate for this project. I am new to programming with SignalR. Since I am familiar with .NET 4.x framework and MVC, I initially was thinking of implementing the project as an ASP.NET Core 3.0 MVC with Telerik.UI for Asp.Net Core since it has Grid Binding to SignalR.

However, with the release of Blazor, I am considering using Blazor and Telerik.UI.for.Blazor. But I don't see any samples or documentations to use with SignalR in Telerik.UI. 

My questions:

1. Given that my project requires SignalR for real-time data updates, should I choose the stable approach of ASP.NET Core with MVC and the more-documented Telerik.UI for asp.net Core grid ? or is it possible to use Blazor / SignalR / Telerik.UI (if such thing exists) ? What are the pros vs. cons of those 2 choices?

2. Where can I find tutorials on building:
1) ASP.NET Core 3.0 MVC / SignalR / Telerik for ASP.NET Core;
2) ASP.NET Core Blazor / SignalR / Telerik for Blazor

 

Marin Bratanov
Telerik team
 answered on 13 Jul 2020
5 answers
693 views

Hello,

I have blazor grid inside my custom component. I need to call InvokeAsync method on my EventCallback passed to this component. When I do that from SelectedItemsChanged event app gets crashed without any exception. I read the docs about async operations in this event (https://docs.telerik.com/blazor-ui/components/grid/selection/overview#asynchronous-operations), but don't know how to workaround this.

 

Marin Bratanov
Telerik team
 answered on 10 Jul 2020
1 answer
134 views

Hey all,
I'm working on a wrapper for the KendoUI color picker to allow users more control over the colors of how their data is being represented.
So the overall flow will be, given a dynamic list of data, create a color picker for each one, passing an object reference for that specific item. Then, upon a color being picked, call a function on that object to update it's color property with the selection.
My problem being that I can't figure out how to get the object reference into the color changed event. I thought using JS protoyped functions would work (because I need each color picker to have it's own scope so it knows which object's function to call) but 'this' inside of ColorPickerWidget is scoped to the window instead of to ColorPickerWidget. 

Any suggestions would be appreciated!

JS functions:
function ColorPickerWidget(bindTo, objRef) {
    var objectRef = objRef;
    this.create(bindTo);
};

ColorPickerWidget.prototype.create = function(bindTo) {
    $(bindto).kendoColorPicker({
        value: "#ffffff",
        buttons: false,
        select: this.selectColor
    });
}

ColorPickerWidget.prototype.selectColor = function(e) {
    this.objectRef.invokeMethodAsync("ChangeColor", e.value);
}

 

.NET Functions:
protected async override Task OnInitializedAsync()
        {
            await JsRuntime.InvokeVoidAsync(identifier: "ColorPickerWidget", elRef, DotNetObjectReference.Create(this));
        }

        [JSInvokable]
        public void ChangeColor(string color)
        {
            Color = color;
            ColorChanged.InvokeAsync(color);
        }

Marin Bratanov
Telerik team
 answered on 10 Jul 2020
8 answers
1.1K+ views
I would like to have the upload component but change the text on the button or, even better, create a Telerik button and call the upload functionality. That way, the button could have theming, etc. and only the upload would need to be called. Any pointers on how I can accomplish either task (especially calling from a button)?
Alan
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 08 Jul 2020
1 answer
801 views

hello,

i had an issue with grid scroll because on some states after user has scrolled the grid  i want to bring   back up the scrolll and show first datas 
also my grid is virtualized. is there any way to do this ?

Svetoslav Dimitrov
Telerik team
 answered on 07 Jul 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?