Questions on UI for Blazor Forum

1 answer

128 views

Dynamic data on Chart creates bunch of divs

Hello,

I'm pushing data to chart from signalr every 1-2s and it's working fine but for each new entry, Telerik adds a DOM at the end of the document (<div style="display: none;">...</div> which overtime can generate thousands of those divs. Is there a way to eliminate those or at least to remove not used ones (as I'm showing max 10 latest records in the chart).

Thanks

<TelerikChart Transitions="false">
                <ChartTooltip Visible="true" />
                <ChartLegend Visible="false" />
                <ChartChartArea Background="transparent" />

                <ChartSeriesItems>
                    <ChartSeries Type="ChartSeriesType.Line"
                                 Name="Value"
                                 Data="@Data"
                                 Field="Value"
                                 CategoryField="Time">
                    </ChartSeries>
                </ChartSeriesItems>
            </TelerikChart>

Charts

answered on 15 Jan 2022

1 answer

81 views

TelerikGrid Filtering does not display proper value in drop-down

Hello there

I am using Telerik Filtering,

here is my code snippet

<TelerikGrid Data="@UsersSource" Height="400px"
                                 Pageable="true" PageSize="PaginationHelpers.PageSize"
                                 FilterMode="GridFilterMode.FilterRow"
                                 Resizable="true" Reorderable="true"
                                 OnRowClick="@OnRowClickHandler"
                                 SelectionMode="@GridSelectionMode.Multiple"
                                 @bind-SelectedItems="@SelectedUsers">
                        <GridColumns>
                            <GridCheckboxColumn />
                            <GridColumn Field="@(nameof(User.Name))" Title="@_translator["NameLabel"]" />
                            <GridColumn Field="@(nameof(User.Username))" Title="@_translator["UserNameLabel"]" />
                            <GridColumn Field="@(nameof(User.BirthDate))" Title="@_translator["DateOfBirthLabel"]" DisplayFormat="{0: MM/dd/yyyy}" />
                            <GridColumn Field="@(nameof(User.Role))" Title="@_translator["RoleLabel"]" />
                        </GridColumns>
                    </TelerikGrid>

but this does not show the proper value in Filetering drop-down, it's show like this

instead of

Grid

answered on 15 Jan 2022

1 answer

214 views

TelerikGrid Filtering does not display proper value in drop-down

Hello there

I am using Telerik Grid

In Grid, I am using default FilterMode="GridFilterMode.FilterRow" for Filtering

but it does not display the proper value in the drop-down for Filtering

here is my code snippet

<TelerikGrid Data="@UsersSource" Height="400px"
                                 Pageable="true" PageSize="PaginationHelpers.PageSize"
                                 FilterMode="GridFilterMode.FilterRow"
                                 Resizable="true" Reorderable="true"
                                 OnRowClick="@OnRowClickHandler"
                                 SelectionMode="@GridSelectionMode.Multiple"
                                 @bind-SelectedItems="@SelectedUsers">
                        <GridColumns>
                            <GridCheckboxColumn />
                            <GridColumn Field="@(nameof(User.Name))" Title="@_translator["NameLabel"]" />
                            <GridColumn Field="@(nameof(User.Username))" Title="@_translator["UserNameLabel"]" />
                            <GridColumn Field="@(nameof(User.BirthDate))" Title="@_translator["DateOfBirthLabel"]" DisplayFormat="{0: MM/dd/yyyy}" />
                            <GridColumn Field="@(nameof(User.Role))" Title="@_translator["RoleLabel"]" />
                        </GridColumns>
                    </TelerikGrid>

the output is like this

instead of

Grid

answered on 15 Jan 2022

1 answer

158 views

GridColumnMenu Column selection Event

I'm designing a grid that requests only the data for currently selected columns. I'd like to drive this using the GridColumnMenu, but I need notification on the user selecting new columns so I can update the query and pull in new data. Is there an event or other method I can detect which columns are currently enabled by the user?

Grid

updated answer on 14 Jan 2022

1 answer

467 views

Expand/Collaps Details on RowClick instead of clicking the expand/collapse button?

Instead of having the user click on the expand/collapse button on the row, we want them to be able to click the entire row to expand/collapse the details template. We have implemented it like and that seems to be working, but it seems like there should be a better way to do this, perhaps even built in?

        async Task OnRowClickHandler(GridRowClickEventArgs args)
        {

            args.ShouldRender = true;

            int currentIndexOfItem = CorporateCustomerList.IndexOf(args.Item);
            if (currentIndexOfItem > -1)
            {
                var state = Grid.GetState();

                if(state.ExpandedRows.Contains(currentIndexOfItem))
                    state.ExpandedRows.Remove(currentIndexOfItem);
                else
                    state.ExpandedRows.Add(currentIndexOfItem);


                await Grid.SetState(state);



                
            }
        }

Grid

answered on 14 Jan 2022

1 answer

175 views

Validate child component not working?

The preview here:

https://docs.telerik.com/blazor-ui/knowledge-base/inputs-validation-child-component

...is not working. I can get the binding to work when creating an item; but updating, I can't get the value to bind so it comes up with my selection showing.

Is two-way binding for that example working for anyone?

thanks!

ComboBox

answered on 13 Jan 2022

4 answers

214 views

ColorPicker: Error when click is made on ColorPickerGradientView

Hi everybody,

I'm trying to use the ColorPicker into my project but when I make a click on the ColorPickerGradientView I get the error bellow:

Is there a way to fix this issue?

Best regards,
Cipri

ColorPicker

answered on 13 Jan 2022

2 answers

305 views

Scheduler creates a new appointment instead of updating the recurring one.

Hi,

When I edit a specific recurring appointment (not a series), it updates the appointment properly if I use drag-n-drop, but when I use the edit dialog it creates a new appointment in addition to the recurring one instead of directly updating the recurring appointment as in the drag-n-drop scenario. Is this normal?

Thanks,

--Andre

Scheduler

answered on 12 Jan 2022

1 answer

673 views

How to BUnit test a Combobox.

I have a Combo Box that needs to be unit tested. It autocompletes and populates a list of addresses utilizing services. Currently this works perfect in the UI version and I am wanting to write unit tests which accomplish the following.

1. Enter Full AddressTextin to the combo box

2. List of potential addresses populates via a Mock Address Lookup Service (in this case only 1, because I am entering the full address).

3. Matching item is selected, and AddressID obtained.

4. ID is compared against expected Id.

I am currently using BUnit tests, and I am unsure how to proceed with creating unit tests for this combo box that follow the above steps.

How do I trigger the "Blur" or setting the value after using the .Input(addresstext) of the Element.

ComboBox

answered on 12 Jan 2022

1 answer

119 views

TreeList losing indicators

Hi,

I have defined a treelist as shown below. I followed the example in the demo. The only problem is that when I expand a row, all other rows that have an expand arrow next to them lose the arrow. The only way I can get them back is to refresh the page. I've attached a couple of screen shots.

What am I missing?

Thanks ... Ed

    protected async Task OnExpand(TreeListExpandEventArgs args)
        {
            var item = args.Item as ColorRMLotModel;

            if (item.Lot.HasChildren && !tvData.Any(x => x.Lot.ParentLotId == item.Lot.ColorRMLotId))
            {
                var items = GetKids(item.Lot.ColorRMLotId); ;
                tvData.AddRange(items);
            }
        }

  SelectionMode="@TreeListSelectionMode.Single" 
                        @ref="tlRef"
                         IdField="ColorRMLotId"
                         OnStateInit="((TreeListStateEventArgs<ColorRMLotModel> args) => OnStateInitHandler(args))"
                 
                         ColumnVirtualization="true"
                         ParentIdField="ParentLotId"
                         HasChildrenField="HasChildren"
                         Pageable="false"
                         
                         Reorderable="true"
                         Sortable="true"
                         FilterMode="@TreeListFilterMode.FilterMenu"
                         OnEdit="@((TreeListCommandEventArgs args) => OnEdit(args))"
                         OnExpand="@OnExpand"
                         Width="1250px"
                         Height ="650px"
                         Resizable="true">
            <TreeListToolBar>

TreeList

answered on 12 Jan 2022