Telerik Forums
UI for Blazor Forum
1 answer
430 views

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
}

Yanislav
Telerik team
 answered on 07 Jul 2023
0 answers
198 views

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

Jim
Top achievements
Rank 1
Iron
 asked on 06 Jul 2023
1 answer
208 views

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?

Hristian Stefanov
Telerik team
 answered on 06 Jul 2023
0 answers
117 views

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

Sami
Top achievements
Rank 2
Iron
Iron
Iron
 updated question on 05 Jul 2023
1 answer
210 views

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!

 

 

Hristian Stefanov
Telerik team
 answered on 05 Jul 2023
1 answer
237 views

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.

Yanislav
Telerik team
 answered on 05 Jul 2023
1 answer
465 views

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

Yanislav
Telerik team
 answered on 04 Jul 2023
0 answers
399 views

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 ?

Alex
Top achievements
Rank 1
 asked on 04 Jul 2023
0 answers
88 views
I have a space with multiple tabs and once you get to the end of the multiple tabs, there is a tab stop that encases all of the currently selected tab's content. I am wanting to know if it is possible to remove this?
Thanks!
ReverseBLT
Top achievements
Rank 1
Iron
 asked on 03 Jul 2023
0 answers
98 views

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>
It works well, except for the paging part. When I click on page 2 button, the dialog closes. So I guess the paging buttons are of type submit and not button. How can I prevent the dialog from getting closed when paging?
Raymond
Top achievements
Rank 1
 asked on 03 Jul 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?