Hello everybody,
I am facing an issue with the DataGrid. Using Rebind on the Grid it calls the OnRead Method I supplied and inside I get async Data (awaited) set args.Data and args.Total (paged) and the initial call works, showing 3 rows. With the next call (filtered) I can see only 1 row getting retured which is what I want, but the grid still shows all 3 and a loading indicator which never goes away. No Exceptions, the code runs through inside my ReadItems method. No idea what is wrong here:
<TelerikGrid @ref="@vm.GridRef"
TItem="ListenElementReltestsElternViewModel"
OnRead="@vm.ReadItems" >...
public async Task ReadItems(GridReadEventArgs args)
{
args.Data = await GetData(currentFilter, CurrentFilterAusdruck);
args.Total = 3; // correct for the testcase
}
Hello,
I am evaluation the Telerik components for Blazor as are company may purchase a subscription. One component that will be used heavily will be the TelerikGrid. I am trying to simply find any methods that the grid provides, however I don't see any in any documentation I have seen. I would simply like to do something like myGrid.SelectedRows() and have it return the collection of the datatype. I am most interested on how to do this with a hierarchical grid. I have a <GridCheckBoxColum> in the <DetailTemplate>. I would like to have a button on top of the detail rows that when clicked, gets all of the rows selected. Eventually, I would like not only to do that, but be able to unselect any rows outside of that detail grid. Basically, I only want to the user to be able to select from one detail grid at a time.
Sorry, I know this is a bit long, but I thought I'd find a simple method to call. If someone can please give me some guidance while I am playing around in the sandbox that would be great.
Thank you for any help,
Jim
I've got an app where the user selects an issue from a grid and it pops up a window where they can edit the issue in a form. When I attempt this, the page freezes/crashes. Here is a reproduction of the issue.
https://blazorrepl.telerik.com/mHOLaTlG32jhfT7v19
If you comment out the form and uncomment the fields below it you'll see it works outside of the TelerikForm. It also works inside an EditForm. It appears to be stuck in an infinite loop. What's causing this? Is there no workaround besides using an EditForm?
I need an org chart functionality, but telerik doesn't have an org chart component for Blazor. I'm considering integrate asp org chart component o jQuery org char component, and this is my question, what approach is better?
If found this:
https://github.com/telerik/blazor-ui/tree/master/common/kendo-in-blazor
Hy telerik,
On touch screens there is no hover so you need to click an item to open the menu for the children items.
This is not taken into account by the current implemnentation of CloseOnClick.
Becouse if set to True, it never opens the nested menu items.
For now I will set CloseOnClick=false in order to be able to open the submenus. But this will make the menu stay opened after clicking a item. With is a very anoying user experience. I can provide an exemple if necesary.
Eveything works as expected on Descktop, as the submenu opens with hover.
Is this a bug?
Will it be fxed?
Is there a way to close the menu programatically?
Any workaround?
I have no found a duplicate post.
Cheers!
I'd like to be able to programmatically filter only the values shown in the popup list of the MultiSelect. Is there a way to do this that does not use the built in filtering, which is clunky?
I tried the suggestion here (Blazor MultiSelect Demos - Custom Filtering | Telerik UI for Blazor), but the issue with that is the OnRead mechanism filters not only the values shown in the popup list, but also all the values available to the MultiSelect itself.
This means that if items are already selected in the MultiSelect, then the popup list is shown, then I filter the popup list using OnRead (and the filter does not include the values already selected in the MultiSelect), the MultiSelect loses those existing selections and they disappear. So the OnRead mechanism does not work for only filtering the popup list. When using the default filtering, that filtering only filters the popup list and keeps any existing selection in the MultiSelect, which is the correct behavior I'm looking for, but programmatically done.
So, bottom line, I'd like a mechanism to programmatically filter only the items displayed in the popup list that works separately from the default filtering of the MultiSelect.
Hello,
I want to change the filename dynamically after the initial loading of a grid in a razor page, So lets say I refresh a grid after a search and export to a file telerik_101123.xlsx. (10:11:23 being the current time). Then 2 min later I refresh the grid again and export it to telerik_101323.xlsx. How can I do that
I have a grid where 'Location' column may contain empty values. I have implemented the column in the following way:
<GridColumn Title="Location"
Width="100px"
FilterMenuType="FilterMenuType.CheckBoxList"
Field="@nameof(AreaViewModel.Location)" >
<Template>
@{
// If there is 'None' value specified for location - show just empty cell (hide actual data object property value).
// But filter will be able to work in this case filtering by value 'None' as if it is shown in the cell.
// Filter require that filter option text must match with the text in the bound data object property.
AreaViewModel item = context as AreaViewModel;
string cellValue = item.Location == "None" ? null : item.Location;
<div>@cellValue</div>
}
</Template>
<FilterMenuTemplate Context="context">
<TelerikCheckBoxListFilter Data="@FilterAreaLocations"
Field="@(nameof(AreaLocationDto.Location))"
@bind-FilterDescriptor="context.FilterDescriptor">
</TelerikCheckBoxListFilter>
</FilterMenuTemplate>
</GridColumn>
It allows to filter rows with empty values when I select 'None' in the filter. But I must substitute nulls with text 'None' in Grid data to get to work (that is not desired). Sorting does not work as I need in this case. It places rows with empty 'Location' field in position of word 'None' (in alphabet order). But I need to sort it as if it has null (or empty string) value instead of 'None'.
So questions are (I have not found answers in documentation):
1. Is it possible to implement custom sorting (some comparision function to implement or override for example) where I can handle 'None' values as nulls?
2. Is there some placeholder in filters for empty values that allows to assign some text for filter item with empty value (or some approach to implement it) ? I would be able to use actual nulls instead of text 'None' in grid data in this case.
3. Is there some other approach to implement such behaviour for Grid filter that allows filtering/sorting to work in desired way ?
I have a ListView with paging, it's in the editortemplate in a gridview. the column is defined as:
<GridColumn Field="Operators" FieldType="@(typeof(int))" Title="Operators" Width="5rem" Visible="true" ShowColumnChooser="true" ShowColumnMenu="true" Lockable="false" Filterable="true" Editable="true">
<EditorTemplate>
<TelerikListView Data=@AssignedOperators
Pageable="true"
PageSize="5"
Context="operators" >
<HeaderTemplate>
Operators
</HeaderTemplate>
<Template>
<div class="k-card k-card-horizontal">
<div class="k-vbox k-flex-grow">
<div class="k-card-body">
<h4 class="k-card-title">@(operators.FirstName + " " + operators.LastName)</h4>
<h5 class="k-card-subtitle">@operators.CompanyName</h5>
@* <div class="card-date">@context.Date.ToString("MMM dd yyyy")</div> *@
</div>
<div class="k-card-actions k-actions-horizontal k-actions-start">
<ListViewCommandButton OnClick="@RemoveOperator" Enabled="true" FillMode="@(ThemeConstants.Button.FillMode.Outline)">Remove</ListViewCommandButton>
</div>
</div>
@* <img class="k-card-image" src="images/articles/@context.ImageUrl" alt="@context.Subtitle" /> *@
</div>
</Template>
</TelerikListView>
</EditorTemplate>
</GridColumn>