Telerik Forums
UI for Blazor Forum
1 answer
885 views

Here is the problem:

When the page first loads, the grid attempts to load the layout defined on the page. This causes a OnRead event to occur as is expected. However, the OnStateInit does NOT fire before this OnRead event. Actually, this is not entirely correct. The initial OnRead is running independent of the OnStateInit, it simply fires and it returns when it feels like it. At some point the OnStateInit fires. I load a saved GridState layout in the OnStateInit event which causes the OnRead to fire again. 

This causes a couple problems. The grid will load, and then reload as the args.GridState is set in OnStateInit. This causes ugly page flashing, and two data requests when only one is required. Even worse since both requests are async, you are not sure which layout you will get, since the last one to come back is the one you get, which can and does occur randomly.

I can return no data for the initial request in OnRead, and this does work, however I can find no reliable way inside of the OnRead event to determine which is the initial load I don't want and which is the OnRead fired from the args.GridState set in OnStateInit which I do want.

My question is, how do I prevent the initial grid data request and load?

Bryan

Radko
Telerik team
 answered on 25 Dec 2023
0 answers
130 views
after creating account and validating email i wasn't returned back to visual studio. do i just close VS and start again?
Paul
Top achievements
Rank 1
 asked on 24 Dec 2023
1 answer
137 views

Hi

When we plot an area series on the same chart as a line series we find that the area series no longer fills the full width of the chart, as shown below.  Here is a REPL with the code to reproduce it.

Is there a way to restore the behaviour of the area series, like this?

Thank you

Mark

Hristian Stefanov
Telerik team
 answered on 22 Dec 2023
1 answer
143 views

Is it possible to disable the movement to the next row when a user uses the enter key to edit a field with in-cell editing?

I looked through the forums but only found an old thread regarding a WinForms property for an EnterKeyMode. This would be a great addition to the Blazor controls.

Hristian Stefanov
Telerik team
 answered on 22 Dec 2023
1 answer
189 views
We are start using Blazor in a major redevelopment of our Angular App.
We are looking at the Drawer to create a side navigation component that will display Hierarchical data.
At the moment with just two levels the description of the items is clipped and shows the three dots at the end e.g. "Financial Comparis..."
How do I resize the drawer sidebar width to more than the default 240px so that text is not clipped and ends with ....?
Hristian Stefanov
Telerik team
 answered on 20 Dec 2023
1 answer
319 views

I have recently downloaded the latest Telerik.UI for blazor 5.0.1 commercial and I tried converting a dotnet 8 project to a telerik project using the context menu. 

Is there a plan to have support for the new .NET 8 project templates?

The option to also create a new blazor project from the Visual Studio 2022 project templates is gone. I cannot create a blazor project.

I saw the "Discover the Magic of .NET 8 and Beyond!" webinar and it seemed support for .NET 8 was ready

Momchil
Telerik team
 answered on 20 Dec 2023
1 answer
729 views
How would I create a custom reusable component using Blazor Grid?  I have the following that I'd like to create a component from:

<TelerikGrid    Data="@InitialLendersData"
EditMode="@GridEditMode.Incell"
SelectionMode="@GridSelectionMode.Multiple"
@bind-SelectedItems="@SelectedInitialLenders"
Height="250px"
Width="640px"
OnEdit="@EditInitialLendersHandler"
OnUpdate="@UpdateInitialLendersHandler">
<GridColumns>
<GridColumn Field="@nameof(Lender.IsSelected)" Title="" Width="50px" TextAlign="@ColumnTextAlign.Center" Editable="false">
<Template>
@{
EditedLender = context as Lender;
<TelerikCheckBox @bind-Value="@EditedLender.IsSelected" OnChange="@ChangeSelectedHandler" />
}
</Template>
</GridColumn>
<GridColumn Field="@nameof(Lender.Name)" Editable="false" />
<GridColumn Field="@nameof(Lender.Amount)" Width="160px" DisplayFormat="{0:C2}" TextAlign="@ColumnTextAlign.Right">
<EditorTemplate>
@{
var item = context as Lender;
<TelerikNumericTextBox @bind-Value="@item.Amount" DebounceDelay="0" Min=0 Max=999999999999 Arrows="false" Format="C2" Decimals="2"></TelerikNumericTextBox>
}
</EditorTemplate>
</GridColumn>
</GridColumns>
</TelerikGrid>


How do I pass in the data (InitialLendersData & SelectedInitialLenders) and references to the events (EditInitialLendersHandler, UpdateInitialLendersHandler & ChangeSelectedHandler) from the custom component?  Is this possible? 
Dimo
Telerik team
 answered on 20 Dec 2023
1 answer
268 views

Is there any way to add your own columns to the list view of the file manager in addition to the default columns, or are you limited to the default columns of name, date created and file size?

In general, how easy is it to customize the appearance and data displayed?  Is it easy to extend the component with custom behavior?

Hristian Stefanov
Telerik team
 answered on 19 Dec 2023
4 answers
417 views

i would like to make separate control telerik form to update the grid. How to associate this new control with a grid?

regards,

Djole

Djordje
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 19 Dec 2023
4 answers
481 views

Hi,

I use a TelerikGrid relying on FluentValidator.

Validation works fine when users manually edit a grid value.

But I do not manage to trigger it after the grid loads (so users can view possible incorrect values after DB loading).

 

I have tried 2 different ways, both without success.

1) using validation at Grid level.

Well I basically replicated your demo:

https://docs.telerik.com/blazor-ui/components/grid/editing/validation

 

2) using a TelerikForm inside the (only cell) that needs to be validated.

Something like this:


<TelerikGrid @ref="@_gridRef"
                 TItem="MyDto"
                 Data="@MyItems">

   <GridSettings>
     <GridValidationSettings>
       <ValidatorTemplate>
         <FluentValidationValidator Validator=@_validator />
       </ValidatorTemplate>
     </GridValidationSettings>
   </GridSettings>



 <GridColumns>

[...]

  <GridColumn Field="@nameof(MyDto.MyProp)" Title="My Prop"Context="ctx">
    <Template>
      <EditForm Model="@ctx">
        <FluentValidationValidator Validator=@_validator/>
        <TelerikTextBox @bind-Value="@((ctx as MyDto).MyProp)"/>
      </EditForm>
    </Template>
  </GridColumn>
</GridColumns>
</TelerikGrid>


In both cases, the Textbox turns red if the users types an incorrect value.

But it does not if the grid load an incorrect value from the DB and display it.

 

Any suggestion to make this work?

Arnaud
Top achievements
Rank 1
Iron
 answered on 18 Dec 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?