Questions on UI for Blazor Forum

5 answers

1.1K+ views

avoid multiple calls of async UpdateHandler when pressing enter

Hi,

I have a problem that you described here: https://docs.telerik.com/blazor-ui/components/grid/editing/incell

Unfortunately your proposed solution doesn't work or am I missing something?

I am using an EditorTemplate with a method called ChangeHandler(). After clicking in another row everything works fine but if I leave the cell by pressing enter the UpdateHandler gets called more than two times and comparing args.Item with the GridItem doesn't help because the calls are asynchronous.

I implemented it like this:

public async Task ChangeHandler()

{

var state = Grid?.GetState();

if (state.EditItem != null)

{

await UpdateHandler(new GridCommandEventArgs()

{

Item = state.EditItem,

Field = state.EditField

});

}

state.OriginalEditItem = state.EditItem = default;

await Task.Delay(50); // let the grid re-render and close the cell if keyboard navigation is enabled

await Grid?.SetState(state);

}

public async Task UpdateHandler(GridCommandEventArgs args)

{

var viewModel = args.Item as ViewModel;

var index = GridItems.FindIndex(i => i.Id == viewModel.Id);

if (index != -1)

{

if (GridItems[index].Equals(viewModel))

return;

...some more code

//save data

UpdateGridMengen(viewModel);

...

StateHasChanged();

}

Grid

answered on 13 Nov 2020

1 answer

935 views

Set Width to TextArea

Since Width is not an option for TextArea, is there anyway to change the size of the TextArea? E.g. set it to 80% of the available div length etc?

thanks

Kevin

TextArea

answered on 13 Nov 2020

1 answer

200 views

[Solved] Set titles by grid width

Hi,

how can I check the actual grid width to set abbreviated titles on small devices?

Regards,

Peter

Grid

answered on 13 Nov 2020

16 answers

1.9K+ views

[Solved] Could not find 'initGrid' in 'window.TelerikBlazor'.

Hi, Marin.
Today I spotted some problem in console. My be it's appeared after new 1.6.0 version. Path to java script was not changed long time and this path was taken from
https://docs.telerik.com/blazor-ui/getting-started/client-blazor

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

Grid

answered on 12 Nov 2020

1 answer

604 views

Show mandatory indicator on popup edit mode

Sorry if this has been asked before but how can I show a mandatory indicator (a red *) after Title for each mandatory field in popup edit mode?

Thanks

Kevin

Grid

answered on 12 Nov 2020

7 answers

2.4K+ views

Clear selection state

When an item is selected, I want to clear the selection state so that the item isn't indicated as selected.
Note: I do not want to have a default item.

How do accomplish this?

DropDownList

answered on 12 Nov 2020

2 answers

1.2K+ views

Hide column for display but show when editing

Hi there,

We were wondering if it is currently possible to hide a column (Visible = false) but still show it when the user edits the row.
We would not like to show all the columns in the grid but still allow the user to edit some of them.
Currently, when GridColumn.Visible is set to false, the field will not show up in the edit dialog.

Kind regards,
Davin

Grid