Currently working on moving from winform to Blazor and found a feature not supported in Telerik atm.

Getting current error when trying to enable Virtualiztion inside a grid

Groupable is not supported with the Virtualization feature of Telerik Grid

Where im already setting grouping on one of the columns

Hello Team;

Is there plan to offer "Card" component where we can create a card with different parts and properties, i.e. Title, Sub-Title, Text, Image, Action buttons and etc.

Something like this:

https://vuetifyjs.com/en/components/cards/#grids

If my memory serves me right, I thought I had seen as part of 2021 R1 roadmap.

Thanks!

Hello team;

Can you please tell us in what version or approximate time of arrival of the new Toolbar?

Suggestion: It would be helpful if the roadmap list is sorted by "In progress" status. This way we can plan accordingly.

Thanks!

In our application, we have the need for aggregate functions in the grid which are determined at runtime, not design time. We were able to get this working for Group footers using a combination of the GroupFooterTemplate element and determining the applicable aggregates in OnStateInit and OnStateChanged. When our team saw that the FooterTemplate element was added, we were excited to bring "Grand Summary" functionality to this grid on top of the existing group summaries. As far as we have been able to determine, however, there doesn't appear to be a way, currently, to add AggregateDescriptors dynamically for the entire grid like we can for groups. We can do the aggregate operations manually against the data source, but this doesn't take into account and filtering which is applied to the grid. We have been unable to find any way of adding AggregateDescriptors for the overall Grid like we can for groups within the GridState's GroupDescriptor property.

Attached are two files: StateInitializationC#Code and gridRazor.txt, which contain relevant snippets of what we are currently doing.

Hi

I would like a "Steper" as the one you have in your MVC product.

https://docs.telerik.com/blazor-ui/components/grid/filtering?_ga=2.198924911.1399219233.1601890390-1967950312.1584602021#toolbar-search-box

You can add a search box in the grid toolbar that lets the user type their query and the grid will look up all visible string columns with a case-insensitive Contains operator, and filter them accordingly. You can change the filter delay, and the fields the grid will use - see the Customize the SearchBox section below.

-----

I have an int and a string field and would love to be able to let the user search in both at the same time.

Workaround is now:

public int number {get; set;}

public string numberString => number.ToString();

public string name {get; set;}

But I would love to see it without the need to use the numberString

I would really be happy to see your WPF Diagram Control (https://www.telerik.com/products/wpf/diagrams.aspx) ported to Blazor. 

Do you have any plans to do so?

In a Telerik Grid, we had just implemented the new Grid Footer Template.  However, any built-in filtering (filterrow, filtermenu, searchbox) we use now will cause the grid/page to crash when the input we type does not exist for any row in the grid.  If the input we type does exist, the filtering works correctly.  For instance, if wanted to filter the name "John Smith" and a row exists with that name, then that row will be filtered.  If we typed in "John Smithasdf", then the grid crashes and we receive the following message from the DevTools window:

blazor.server.js:19 [2020-09-21T16:58:12.070Z] Error: System.InvalidOperationException: Nullable object must have a value.
   at System.Nullable`1.get_Value()
   at BudgetPak.Pages.User.Budgeting.HeadcountReview.<>c__DisplayClass0_4.<BuildRenderTree>b__43(RenderTreeBuilder __builder4)
   at Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder.AddContent(Int32 sequence, RenderFragment fragment)
at Telerik.Blazor.Components.Grid.GridFooterCell`1.BuildRenderTree(RenderTreeBuilder __builder)
   at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.RenderInExistingBatch(RenderQueueEntry renderQueueEntry)
   at Microsoft.AspNetCore.Components.RenderTree.Renderer.ProcessRenderQueue()

From the highlighted text, we deduced the issue had to deal with the Grid Footer template.  Not all of our columns are aggregated on the footer row, so we were thinking that's what the "Nullable object must have a value" message meant.  When we removed the Grid Footer template, the filtering worked correctly.  With one of our other grids, we added a temporary footer grid, and the same crash would occur.

Is there a work-around for this?  The footer template otherwise is great, and we would like to use both that and filtering on our grids.  Please let us know if you need any more info.

Thanks,

Steve

I have a numeric text box that is bound to a nullable int. There is also a combo box on the page that will auto set the value and disable the numeric text box if certain values are selected. as follows:

<TelerikComboBox Data="@TareTypes" 
                                     TextField="Name" ValueField="Id"
                                     ValueExpression="@(() => Material.TareTypeId)"
                                     ValueChanged="@((int? e) => TareTypeChanged(e))"
                                     Width="200px"
                                     Placeholder="Tare Type" ClearButton="true"></TelerikComboBox>
<TelerikNumericTextBox @bind-Value="@Material.TareWeight" Arrows="false" Enabled="@tareWeightEnabled" ></TelerikNumericTextBox>                      
                    
                    
                    

and the code...

private void TareTypeChanged(int? tareTypeId)
        {
            Material.TareTypeId = tareTypeId;
            tareWeightEnabled = true;
            if (tareTypeId > 0)
            {
                var tareTypeWeight = TareTypes.Single(t => t.Id == tareTypeId).Weight;
                if (tareTypeWeight.HasValue)
                {
                    Material.TareWeight = tareTypeWeight;
                    tareWeightEnabled = false;
                    editContext.NotifyFieldChanged(editContext.Field("TareWeight"));
                }
            }
        }

the following steps should reproduce the problem

1. enter a value in the numeric text box and then clear it out
2. select a value from the combo box that auto sets the numeric text box value and disables it
3. select a value from the combo box that re-enables the text box. At this point the value is still visible in the text box (as it should be) and the text box is enabled
4. Focus in the text box. this causes the number to disappear. it's as if the number was just a place holder which clears out when you focus on the control.

• When I close Modal - Popup or Save button is clicked not able to Re-Load or Refresh the grid or Parent component
• I am calling the Save Action in Modal-Popup page and not using EventCallback method
• In Parent component, I am loading the Grid. But in Modal-Popup when calling Save Action the Grid or Parent component not refreshing.

Thanks

Vishnu Vardhanan

I saw a few other posts that requested this feature which in all of the cases was denied saying to use Enabled instead...

The reason we need a ReadOnly state is because the user can not highlight to select the text to  copy/paste if desired... that would be the reason we need ReadOnly vs disabled...

Disabled does not allow you to select the text to copy/paste...

---

ADMIN EDIT

A workaround is to re-enable the pointer events and to, optionally, set a highlight color:

<style>
    /* Re-enable selection and scrolling of disabled textboxes.
    Apply text selection style.
    Can cause some side effects with appearance of hover and focus states */
    
    /* UI for Blazor 3.0 + */
    .k-input-inner.k-disabled,
    .k-disabled > .k-input-inner,
    input.k-textbox[disabled] {
        pointer-events: initial;
    }

    .k-input-inner[disabled]::selection {
        color: #fff;
        background-color: #ff6358;
    }

    /* UI for Blazor 2.30 - */

    .k-input.k-state-disabled,
    .k-state-disabled > .k-input,
    .k-state-disabled > .k-dateinput-wrap > .k-input,
    input.k-textbox[disabled] {
        pointer-events: initial;
    }

    .k-input[disabled]::selection {
        color: #fff;
        background-color: #ff6358;
    }

</style>

<TelerikTextBox @bind-Value="@tbText" Enabled="false" />
<TelerikTextArea @bind-Value="@taText" Enabled="false" />
<TelerikDatePicker @bind-Value="@dpDate" Enabled="false" />
<TelerikDropDownList @bind-Value="@ddlVal" Data="@ddlData" Enabled="false" />

@code{
    string tbText { get; set; } = "lorem ipsum";
    string taText { get; set; } = "lorem ipsum\ndolor sit amet\nlorem ipsum\ndolor sit amet";
    DateTime dpDate { get; set; } = DateTime.Now;
    List<int> ddlData { get; set; } = Enumerable.Range(1, 10).ToList();
    int ddlVal { get; set; } = 2;
}

---