Questions on UI for Blazor Forum

2 answers

999 views

Performance tips on filtering larger grid data sets?

Any tips to maximize performance of filtering larger data sets? In my testing I am experiencing lag when filtering (gif available at https://raw.githubusercontent.com/austineric/Misc/master/Demo.gif).

In the gif example:

GridDataSource is IEnumerable<TechnicanDataEntryExtension>
GridDataSource holds 500,000 records
I am typing the word "hearing"
I am running the the app locally from visual studio so web server latency isn't involved, I would expect lag to be worse there

<TelerikGrid Data="@GridDataSource"

OnUpdate="@UpdateHandler"

OnDelete="@DeleteHandler"

Class="cst-grid"

FilterMode="@GridFilterMode.FilterRow"

EditMode="@GridEditMode.Inline"

Sortable="true"

SelectionMode="@GridSelectionMode.Single"

Pageable="true"

PageSize="10">

<GridColumns>

<GridCommandColumn Width="120px;">

<GridCommandButton Command="Edit" Class="cst-grid-command-button">Edit</GridCommandButton>

<GridCommandButton Command="Save" ShowInEdit="true" Class="cst-grid-command-button">Save</GridCommandButton>

<GridCommandButton Command="Cancel" ShowInEdit="true" Class="cst-grid-command-button">Cancel</GridCommandButton>

<GridCommandButton Command="Delete" Class="cst-grid-command-button">Delete</GridCommandButton>

</GridCommandColumn>

<GridColumn Field="@nameof(GridModel.RowID)" Editable="false" Width="0" />

<GridColumn Field="@nameof(GridModel.EntryDate)" Title="Entry Date" Editable="false" />

<GridColumn Field="@nameof(GridModel.UserID)" Editable="false" Width="0" />

<GridColumn Field="@nameof(GridModel.Username)" Editable="false" />

<GridColumn Field="@nameof(GridModel.Category)">

<EditorTemplate>

@{

CurrentlyEditedRow = (TechnicianDataEntryExtension)context;

<select class="form-control" @bind="@CurrentlyEditedRow.Category">

@{

foreach (Categories Category in CategoryDropdownDataSource)

{

if (CurrentlyEditedRow.Category == Category.Category)

{

<option value="@Category.Category" selected="selected">@Category.Category</option>

}

else

{

<option value="@Category.Category">@Category.Category</option>

}

</select>

}

</EditorTemplate>

</GridColumn>

<GridColumn Field="@nameof(GridModel.SerialNumber)">

<EditorTemplate>

@{

CurrentlyEditedRow = (TechnicianDataEntryExtension)context;

<input class="form-control" @bind-value="CurrentlyEditedRow.SerialNumber" maxlength="10" />

}

</EditorTemplate>

</GridColumn>

</GridColumns>

</TelerikGrid>

I can implement workarounds to decrease the number of records in the grid but in the event where I need to give it larger numbers of records are there any best practices or recommendations to minimize filter lag?

Grid

answered on 07 Nov 2019

11 answers

1.3K+ views

DropDown not getting opened

Hello,

i used telerik ui for blazor in a sample project and i used drop downs now i made another project im configured my blazor app but i cant use components with pop up parts( drop down , time picker , ...) and i also checked here but unfortunately it could'nt fix my problem i checked all the files it same as my last project but now i can't used these types of components
im using .NET version 3.1.100-preview1-014459
with telerik trial version 2.3.0

this is my _Host.cshmtl

<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Management</title>
<base href="~/" />
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="https://unpkg.com/@@progress/kendo-theme-default@@latest/dist/all.css" />
<link href="css/site.css" rel="stylesheet" />
</head>
<body>
<app>
@(await Html.RenderComponentAsync<App>(RenderMode.Static))
</app>
<script src="_content/telerik.ui.for.blazor.trial/js/telerik-blazor.js"></script>
<script src="_framework/blazor.server.js"></script>

</body>
</html>

and this is my MainLayout.razor

@inherits LayoutComponentBase
<TelerikRootComponent>
<div class="sidebar">
<NavMenu />
</div>

<div class="main">
<div class="top-row px-4">
<a href="https://docs.microsoft.com/aspnet/" target="_blank">About</a>
</div>

<div class="content px-4">
@Body
</div>
</div>
</TelerikRootComponent>

i also added
services.AddTelerikBlazor();
to my Startup.cs

and i added these
@using Telerik.Blazor
@using Telerik.Blazor.Components
in my _imports.razor

General Discussions

answered on 07 Nov 2019

1 answer

136 views

TreeList

Hi,

Is a TreeList component on the roadmap for the Blazor?

Thank you

General Discussions

answered on 07 Nov 2019

1 answer

1.5K+ views

Customize Style / override CSS of date picker

Hi,

we are evaluating the Blazor UI components.

We didn't find any informations about overriding CSS.

Is this possible at all on all components and specially on the datepicker?

Greetings,

Robert

DatePicker

answered on 06 Nov 2019

3 answers

251 views

internationalization / globalization

Hey Guys!

My grid pagination is showing "1 OF 10 items", how to change language of Telerik Blazor components? Particularly, pt-BR :)

Tks

General Discussions

answered on 06 Nov 2019

2 answers

143 views

UI Blazor doesnt work on 3.1 prev2

Hi, I read a post here (https://www.telerik.com/forums/is-there-a-supported-version-of-ui-for-blazor-for-the-released-version-of-net-core-eg-3-0) on which Marin said that you dont support Blazor for .NET 3.0 and now I have a problem. If I download SDK .NET 3.1.100 prev2 it doesnt support Blazor Webassembly projects (https://stackoverflow.com/questions/58087120/visual-studio-2019-version-16-3-0-and-blazor-web-assembly-app-template) that exactly what I want to create. How can I solve the problem and use Telerik on .NET 3.0?

Thank you

General Discussions

answered on 06 Nov 2019

1 answer

537 views

rtl support ui for blazor

hi i wanted to make rtl project with telerik in ui for blazor im wondering if it fully supports rtl
and i also want to use persian date in datepicker

General Discussions

answered on 04 Nov 2019

2 answers

158 views

Is there a supported version of UI for Blazor for the released version of .Net Core? eg. 3.0 ?

If one wanted to use .net core 3.0 is there a version of UI for Blazor one could use?

General Discussions

answered on 31 Oct 2019

1 answer

161 views

Timeframe of targeting .net core release and not preview?

I suppose at some point the UI for Blazor library will only target release versions of .net core rather than preview releases?

General Discussions

answered on 31 Oct 2019

6 answers

884 views

Getting started, server-side blazor setting up

Just updated to Telerik.UI.for.Blazor 2.2.1, but was having the problem before updating as well. I suspect its just something Im missing.

This section
https://docs.telerik.com/blazor-ui/getting-started/server-blazor

<head> . . . <script src="_content/telerik.ui.for.blazor/js/telerik-blazor.js" defer></script></head>

When I load my page, im getting 404 errors in the dev console for telerik-blazor.js. I am adding dependencies to an existing Blazor project I started.
We have the private nuget feed setup. So that much looks right. What am I missing?

This is in _Host.cshtml

<app>

@(await Html.RenderComponentAsync<App>(RenderMode.ServerPrerendered))

</app>

This is my MainLayout.cshtml

@inherits LayoutComponentBase

<TelerikRootComponent>

<NavMenu />

<div class="container-fluid">

@Body

</div>

</TelerikRootComponent>