Telerik Forums
UI for Blazor Forum
or
Ask question
All Questions
Unanswered
Answered
3,571 questions
0 answers
377 views
Grid: SelectedItemsChanged not firing when in EditMode

Long story short:

The SelectedItemsChanged-Event is not firing when the Grid is in EditMode like "GridEditMode.Incell".

When the EditMode is "GridEditMode.None" it works just fine.

Is this a bug or a feature ?

 

Grid
Hendrik
Top achievements
Rank 2
Bronze
Iron
Iron
 asked on 11 Aug 2022
1 answer
215 views
Adding scrollbar to FilterFields

My app has a long list of possible fields to filter on. The dropdown box for the fields exceed the height of the page so a scrollbar would be nice.

Can you point out the class styling that needs to be updated? I just added arbitrary number of fields to the Filter demo.

<TelerikFilter Value="@Value" ValueChanged="@OnValueChanged">
    <FilterFields>
        <FilterField Name="@nameof(OrderDetailDto.OrderId)" Type="typeof(int)" Label="Id" />
        <FilterField Name="@nameof(OrderDetailDto.Quantity)" Type="typeof(short)" />
        <FilterField Name="@nameof(OrderDetailDto.OrderFreight)" Type="@typeof(decimal)" Label="Freight" />
        <FilterField Name="@nameof(OrderDetailDto.OrderShipCountry)" Type="typeof(string)" Label="Country" />
        <FilterField Name="@nameof(OrderDetailDto.OrderShipName)" Type="typeof(string)" Label="Ship to" />
        <FilterField Name="@nameof(OrderDetailDto.OrderShipAddress)" Type="typeof(string)" Label="Ship Address" />
        @for (int i = 0; i < 25; i++)
        {
            <FilterField Name="@i.ToString()" Type = "typeof(string)" Label="@i.ToString()" />
        }
    </FilterFields>
</TelerikFilter>

 

Filter
Dimo
Telerik team
 updated answer on 11 Aug 2022
1 answer
292 views
[Solved] Optional Column Header Template

Is there a way to have the column header template be optional?  Depending upon some values in my data, I might need to use a header template for a specific column, otherwise, I would like the have the default behavior.

I tried placing an if statement inside the <GridColumn/> element like this:

<GridColumn Field= "" FieldType="" >
     @if (_useHeaderTemplate)
     {
         <HeaderTemplate></HeaderTemplate>
     }
</GridColumn>

This results in a compile error of "Unrecognized child content inside component ...."

I then tried

<GridColumn Field= "" FieldType="" >
     <HeaderTemplate>
          @if (_useHeaderTemplate)
          {
            <div>Custom Header</div>
          }
     </HeaderTemplate>
</GridColumn>

This results in no text being rendered for the column header.

I'm trying to avoid (a) duplicating the <GridColumn/> configuration for both the  true and false evaluations of the if statement; (b) I don't want to take over the complete rendering and management of the grid column header.  I still want the framework to handle that.

Thanks

-marc

 

 

Grid
Dimo
Telerik team
 answered on 11 Aug 2022
0 answers
123 views
Editor produces Exception in Firefox but works

Hi,

I have:

 <TelerikEditor @bind-Value="@ViewModel.MyText" />

(MyText ist string :-) )

And get the following exception in Firefox, but not in Chrome:

blazor Loaded 13.64 MB resources
This application was built with linking (tree shaking) disabled. Published applications will be significantly smaller. blazor.webassembly.js:1:48472
Firefox kann keine Verbindung zu dem Server unter wss://localhost:58268/ aufbauen. aspnetcore-browser-refresh.js:234:24
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572
crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: this.valueContainer is undefined
      setValue@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:1114771
      Yt@https://localhost:5001/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js:6:36477
      beginInvokeJSFromDotNet/s<@https://localhost:5001/_framework/blazor.webassembly.js:1:3332
      beginInvokeJSFromDotNet@https://localhost:5001/_framework/blazor.webassembly.js:1:3306
      St@https://localhost:5001/_framework/blazor.webassembly.js:1:59853
      _mono_wasm_invoke_js_blazor@https://localhost:5001/_framework/dotnet.6.0.6.lrf372qj4b.js:1:195300
      @:wasm-function[1]:0x0
      @:wasm-function[219]:0x1a490
      @:wasm-function[167]:0xce5e
      @:wasm-function[166]:0xbd71
      @:wasm-function[2812]:0xabf01
      @:wasm-function[1616]:0x6fcc2
      @:wasm-function[1620]:0x7032f
      @:wasm-function[118]:0x969d
   …
blazor.webassembly.js:1:35572

The editor work as excepted. But how I get rid of the exception? :-)

Editor
Holger
Top achievements
Rank 1
Iron
Iron
 asked on 11 Aug 2022
1 answer
352 views
TotalCount

Hi, Is it possible disable totalcount if pagable is true? or  localizate totalcount?  1- .. OF .. ITEMS

I don't want show total items in datasource becasue I have more than 100000 rows and it's too slow.

 

Thanks for answer

Peter

Grid
Dimo
Telerik team
 answered on 10 Aug 2022
1 answer
694 views
[Solved] Add icon to the dialog title and dialog buttons (Predefined Dialogs)

I'm using the "Predefined Dialogs".

... await Dialogs.ConfirmAsync("Are you sure?", Title);

How can I add icon to the dialog title and dialog buttons

Dialog
Dimo
Telerik team
 updated answer on 10 Aug 2022
1 answer
372 views
Can server-side paging be used in TelerikDropDownList? Are there alternatives for large lists.
I am using TelerikDropDownList component in my app, it can have 1000+ records, for performance reasons server-side paging is implemented. Does telerikDropdownlist support server-side paging?
Please suggest alternatives for using server-side paging with the dropdown in a blazor app.
DropDownList
Nadezhda Tacheva
Telerik team
 answered on 10 Aug 2022
1 answer
173 views
Alphabetic pages for Pager Control
Is there a way to have the pager control display alphabetic pages instead of numeric? I would like to provide to my users a contacts book where it is displayed alphabetically based on contacts name. If not this might be a suggestion for a new control. I am thinking a modern day rolodex.
Pager
Nadezhda Tacheva
Telerik team
 answered on 10 Aug 2022
0 answers
179 views
Grid custom sort with multiple grids

How do you identify which grid raised the OnRead event to be able to do custom sorting on a grid when there are more than one grid?

For example, say I have multiple grids created in a loop

Razor:

@for (int i = 0; i < _someData.Count(); i++)
{
    int gridIndex = i;
    <TelerikGrid Data=@_someData.ElementAt(i)
    OnStateChanged="@((GridStateEventArgs<SomeData> args) => OnGridStateChangedHandler(args))"
    OnRead="@OnGridRead"
    @ref="@GridRefList[gridIndex]"
    ....
}


Code:

@code {

    TelerikGrid<SomeData>[] GridRefList { get; set; }

    private async Task OnGridRead(GridReadEventArgs args)
    {
	// Which grid raised this event?
    }
}

 

How can I determine which grid fired the event so that I can load it with the correct data? All of the examples and links seem to only work with a single grid. Eg

 

https://www.telerik.com/forums/custom-sorting-and-filtering

https://docs.telerik.com/blazor-ui/components/grid/manual-operations

 

 

 

Grid
Michael
Top achievements
Rank 1
 asked on 10 Aug 2022
0 answers
311 views
FileSelect Pdf Problems - not implemented

Hey, i am following the example listed here Blazor FileSelect - Events | Telerik UI for Blazor to use the FileSelect in my project to allow users to upload files in a blazor server all.

I'm using the code below to save the files to a network location.

 private async Task UploadFile(FileSelectFileInfo file)
    {
        var path = Path.Combine(HostingEnvironment?.WebRootPath, file.Name);
        await using FileStream fs = new FileStream(path, FileMode.Create);
        await file.Stream.CopyToAsync(fs);
    }
This code works fine for .doc & .docx files, but when I tried to attempt to upload a .pdf file, the application crashes.  I have also tried to use the on async method and it throws a not implemented  exception.  Any idea how to get around this?
file.Stream.CopyTo(fs);
FileSelect
Eric
Top achievements
Rank 2
Iron
Iron
 asked on 09 Aug 2022
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Charts
DropDownList
Form
Scheduler
TreeView
ComboBox
Editor
DatePicker
Window
TextBox
TabStrip
Upload
Menu
TreeList
MultiSelect
Styling
Button
Filter
Dialog
NumericTextBox
DateTimePicker
Drawer
TileLayout
Gantt
FileManager
PDFViewer
Tooltip
Checkbox
AutoComplete
ListView
ContextMenu
Wizard
GridLayout
Notification
Calendar
FileSelect
Accessibility
TimePicker
Map
Pager
Splitter
AnimationContainer
DateRangePicker
PanelBar
DateInput
TextArea
ValidationMessage
ToolBar
Loader
LoaderContainer
Licensing
MaskedTextBox
MediaQuery
Localization
RadioGroup
Stepper
MultiColumnComboBox
ProgressBar
Card
Carousel
Security
ValidationSummary
DropDownButton
StockChart
Signature
SplitButton
PivotGrid
ListBox
DockManager
ColorPalette
Breadcrumb
ColorPicker
Popover
LinearGauge
RadialGauge
Switch
ToggleButton
ValidationTooltip
AIPrompt
Spreadsheet
RangeSlider
StackLayout
FloatingLabel
Popup
Diagram
ButtonGroup
Slider
QRCode
DropZone
Page Templates / Building Blocks
DropDownTree
ArcGauge
CircularGauge
Skeleton
AppBar
ChunkProgressBar
Barcode
ColorGradient
FlatColorPicker
Avatar
VS Code Extension
Badge
Rating
FloatingActionButton
AI Coding Assistant
InlineAIPrompt
SpeechToTextButton
Chat
Agentic UI Generator
PromptBox
SmartPasteButton
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
170 171
172
173 174
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how