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;
}

---

Just wondering if there has been any movement on this issue. We are seeing this in our production system application insights logs. Thanks!

System.ObjectDisposedException: at Microsoft.AspNetCore.Components.RenderTree.Renderer.ProcessPendingRender (Microsoft.AspNetCore.Components, Version=3.1.7.0, Culture=neutral, PublicKeyToken=adb9793829ddae60) at Microsoft.AspNetCore.Components.Server.Circuits.RemoteRenderer.ProcessPendingRender (Microsoft.AspNetCore.Components.Server, Version=3.1.6.0, Culture=neutral, PublicKeyToken=adb9793829ddae60) at Microsoft.AspNetCore.Components.RenderTree.Renderer.AddToRenderQueue (Microsoft.AspNetCore.Components, Version=3.1.7.0, Culture=neutral, PublicKeyToken=adb9793829ddae60) at Microsoft.AspNetCore.Components.ComponentBase.StateHasChanged (Microsoft.AspNetCore.Components, Version=3.1.7.0, Culture=neutral, PublicKeyToken=adb9793829ddae60) at Microsoft.AspNetCore.Components.Rendering.RendererSynchronizationContextDispatcher.InvokeAsync (Microsoft.AspNetCore.Components, Version=3.1.7.0, Culture=neutral, PublicKeyToken=adb9793829ddae60) at Telerik.Blazor.Components.RootComponent.TelerikFragmentContainer.Refresh (Telerik.Blazor, Version=2.16.0.0, Culture=neutral, PublicKeyToken=20b4b0547069c4f8) at Telerik.Blazor.Components.RootComponent.TelerikRootComponentFragment.Dispose (Telerik.Blazor, Version=2.16.0.0, Culture=neutral, PublicKeyToken=20b4b0547069c4f8) at Microsoft.AspNetCore.Components.Rendering.ComponentState.Dispose (Microsoft.AspNetCore.Components, Version=3.1.7.0, Culture=neutral, PublicKeyToken=adb9793829ddae60) at Microsoft.AspNetCore.Components.RenderTree.Renderer.Dispose (Microsoft.AspNetCore.Components, Version=3.1.7.0, Culture=neutral, PublicKeyToken=adb9793829ddae60)

Related:

https://feedback.telerik.com/blazor/1451036-system-objectdisposedexception-cannot-process-pending-renders-after-the-renderer-has-been-disposed-when-i-refresh-a-page-with-f5

https://feedback.telerik.com/blazor/1446870-window-throws-cannot-process-pending-renders-after-the-renderer-has-been-disposed-when-the-user-closes-the-page

Overview

As a developer user, I need to add a Markdown Editor control to my Blazor UI application so that I can capture and display markdown-compliant text input.

Acceptance criteria

• The editor control supports rich WYSIWYG editing with support for standard markdown styling including: headers, emphasis, lists, images, links, blockquotes and inline code.
• The editor control supports raw markdown editing mode, as well as WYSIWYG (preview) mode.
• The editor control supports raw markdown output and HTML output.

Bonus criteria

• A paired Markdown Display control supports presentation of markdown as HTML (so that developers can store markdown in a database, for example, and convert to HTML on the client for display.

I'd like at least a linear gauge

*** Thread created by admin on customer behalf ***