Telerik Forums / UI for Blazor
This is a migrated thread and some comments may be shown as answers.

DropDownList - run code when select item changes

11 Answers 470 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Nick
Top achievements
Rank 1
Nick asked on 09 May 2019, 04:01 PM

Hi,

Is there currently a way to run some code when the user chooses a value out of the DropDownList? I couldn't find an event and I couldn't see anything in the help.

Thanks.

 

11 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 09 May 2019, 04:06 PM
Hello Nick,

The first example in the following article demonstrates how this is going to work as soon as a fix comes from the Blazor framework: https://docs.telerik.com/blazor-ui/components/dropdownlist/overview.

In the meantime, you can use the setter of the property you bind the dropdown value to. I used this workaround in the following sample app:

You can see this in action in the following live URL (the dropdown is in the top right hand corner in the layout): https://demos.telerik.com/blazor-dashboard-app/.


Regards,
Marin Bratanov
Progress Telerik UI for Blazor
0
Nick
Top achievements
Rank 1
answered on 09 May 2019, 04:12 PM
2019-05-09_17-10-16.png

Ha, thanks Marin, I completely missed the big red box with the explanation!!

One other quick thing, I noticed that the dropdown portion of the list seems to get hidden behind some other parts of the page. I tried surrounding it in a div with z-index set to 999 (I'm not great at HTML so this is a guess), but that didn't work. I'm just playing at the moment so I have a fairly vanilla Blazor project and was trying to put the dropdown in the side navbar - see attached image.

Thanks again!
Nick.

0
Marin Bratanov
Telerik team
answered on 10 May 2019, 05:04 AM
sample-files.zip
result-navbar-zIndex-change.png
Hello Nick,

Assuming that you have started out from the default template VS provides, the two containers (sidebar and main content) have position: sticky; which makes them similar to relatively positioned elements in this case. They default to z-index: 0, so the last element in the DOM stays on top of the stacking context. In this case, it's the main content where the header, buttons and other elements are, so the dropdown is expected to hide behind them.

The easiest way to change this, is to change the z-index of the sidebar element so it is above the main content in the stacking context:

<style>
    .sidebar {
        z-index: 1;   /*the default value for containers with position: sticky is 0, so this will put the sidebar above the main content*/
    }
</style>

I am attaching below the result of this change on my end, and the modified files from a sample project I made.


Regards,
Marin Bratanov
Progress Telerik UI for Blazor
0
Nick
Top achievements
Rank 1
answered on 10 May 2019, 03:02 PM
Thanks again Marin! Exciting stuff this Blazor...
0
Nick
Top achievements
Rank 1
answered on 10 May 2019, 03:03 PM
Just out of interest, will there be a way going forward to set the z-index just on the dropdown itself?
0
Nick
Top achievements
Rank 1
answered on 10 May 2019, 04:51 PM

Hi again Marin,

I tried to copy your example. I can set the initial value and that works, but when I choose an item from the dropdown an exception is thrown and the setter is never reached. My bound value is a GUID so I'm not sure if that has any bearing?

I tried setting a default value on the GUID but that didn't seem to help.

    @if (_navigationSets != null)
    {
        <TelerikDropDownList Data="@_navigationSets" TItem="NavigationSet" TValue="Guid"
                             TextField="DisplayName"
                             ValueField="Id"
                             bind-Value="@CurrentNaveSetId" PopupHeight="120" />
    }
 
...
 
    protected override async Task OnInitAsync()
    {
        _navigationSets = await Http.GetJsonAsync<List<NavigationSet>>(UrlHelper.GetApiUrl("platform/getnavigationsets"));
        if (_navigationSets != null)
        {
            CurrentNaveSetId = _navigationSets[0].Id;
        }
    }
 
    private Guid _currentNaveSetId;
    Guid CurrentNaveSetId
    {
        get => _currentNaveSetId;
        set
        {
            if (_currentNaveSetId != value)
            {
                _currentNaveSetId = value;
                _alertMessage = _currentNaveSetId.ToString();
                NavSetChanged(_currentNaveSetId);
                StateHasChanged();
 
            }
        }
    }

 

I have attached the error log.

Thanks again,

Nick.

0
Nick
Top achievements
Rank 1
answered on 10 May 2019, 04:54 PM

The log file won't attach for some reason, so here it is:

 

blazor.webassembly.js:1 Blazor is running in dev mode without IL stripping. To make the bundle size significantly smaller, publish the application or see https://go.microsoft.com/fwlink/?linkid=870414
blazor.webassembly.js:1 Debugging hotkey: Shift+Alt+D (when application has focus)
blazor.webassembly.js:1 WASM: GC_MINOR: (Nursery full) time 1.01ms, stw 1.04ms promoted 192K major size: 4864K in use: 4034K los size: 1024K in use: 192K
mono.js:1 >>>mono_wasm_get_loaded_files
blazor.webassembly.js:1 WASM: Unhandled exception rendering component:
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 23 more frames
blazor.webassembly.js:1 WASM: System.InvalidOperationException: Nullable object must have a value.
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at System.Nullable`1[T].get_Value () <0x28f6a38 + 0x0000c> in <ff42d0a07db1485389115e81ed8c521e>:0
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at Telerik.Blazor.Common.TelerikSelectBase`1[TValue].TryParseValueFromString (System.String value, TValue& result, System.String& validationErrorMessage) <0x366bc70 + 0x000ac> in <b272cc6163784f248fc64fe93ed1080c>:0
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at Telerik.Blazor.Common.TelerikSelectBase`1[TValue].set_CurrentValueAsString (System.String value) <0x366ba08 + 0x0002c> in <b272cc6163784f248fc64fe93ed1080c>:0
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at Telerik.Blazor.Components.DropDownList.TelerikDropDownListBase`2[TItem,TValue].ChangeValue (System.Object item) <0x366b5b0 + 0x00062> in <b272cc6163784f248fc64fe93ed1080c>:0
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at (wrapper delegate-invoke) System.Action`1[System.Object].invoke_void_T(object)
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at Telerik.Blazor.Components.DropDownList.ListItem.<BuildRenderTree>b__0_0 () <0x366b548 + 0x00034> in <b272cc6163784f248fc64fe93ed1080c>:0
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at (wrapper delegate-invoke) <Module>.invoke_void()
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at Microsoft.AspNetCore.Components.EventCallbackWorkItem.InvokeAsync[T] (System.MulticastDelegate delegate, T arg) <0x36425b0 + 0x00072> in <b90d61056671486d8836d104b91086c9>:0
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at Microsoft.AspNetCore.Components.EventCallbackWorkItem.InvokeAsync (System.Object arg) <0x36422f8 + 0x0000c> in <b90d61056671486d8836d104b91086c9>:0
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at Microsoft.AspNetCore.Components.ComponentBase.Microsoft.AspNetCore.Components.IHandleEvent.HandleEventAsync (Microsoft.AspNetCore.Components.EventCallbackWorkItem callback, System.Object arg) <0x3642260 + 0x0000a> in <b90d61056671486d8836d104b91086c9>:0
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at Microsoft.AspNetCore.Components.EventCallback.InvokeAsync (System.Object arg) <0x363ae60 + 0x00046> in <b90d61056671486d8836d104b91086c9>:0
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 WASM:   at Microsoft.AspNetCore.Components.Rendering.Renderer.DispatchEventAsync (System.Int32 eventHandlerId, Microsoft.AspNetCore.Components.UIEventArgs eventArgs) <0x363a780 + 0x0005a> in <b90d61056671486d8836d104b91086c9>:0
d.printErr @ blazor.webassembly.js:1
put_char @ mono.js:1
write @ mono.js:1
write @ mono.js:1
___syscall4 @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 24 more frames
blazor.webassembly.js:1 Uncaught (in promise) Error: System.NullReferenceException: Object reference not set to an instance of an object.
  at Microsoft.AspNetCore.Components.Rendering.Renderer.GetErrorHandledTask (:58120/System.Threading.Tasks.Task taskToHandle) <0x2c48f88 + 0x00112> in <b90d61056671486d8836d104b91086c9>:0
    at endInvokeDotNetFromJS (blazor.webassembly.js:1)
    at Object.invokeJSFromDotNet (blazor.webassembly.js:1)
    at _mono_wasm_invoke_js_marshalled (mono.js:1)
    at :58120/wasm-function[1450]:714
    at :58120/wasm-function[601]:22743
    at :58120/wasm-function[601]:21413
    at :58120/wasm-function[601]:21902
    at :58120/wasm-function[601]:21413
    at :58120/wasm-function[601]:22233
    at :58120/wasm-function[601]:22233
endInvokeDotNetFromJS @ blazor.webassembly.js:1
invokeJSFromDotNet @ blazor.webassembly.js:1
_mono_wasm_invoke_js_marshalled @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_background_exec @ mono.js:1
pump_message @ mono.js:1
setTimeout (async)
_schedule_background_exec @ mono.js:1
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
(anonymous)
Module._mono_wasm_invoke_method @ mono.js:1
callMethod @ blazor.webassembly.js:1
beginInvokeDotNetFromJS @ blazor.webassembly.js:1
s @ blazor.webassembly.js:1
u @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
(anonymous) @ blazor.webassembly.js:1
e.onGlobalEvent @ blazor.webassembly.js:1
Show 32 more frames

0
Marin Bratanov
Telerik team
answered on 11 May 2019, 11:15 AM
Hi Nick,

Perhaps there will be in the future, at the moment it's early days. It is likely that its rendering will change to provide some more features, and then maybe it will be possible to adjust the z-index as well. For the time being, it is inside a container with position:relative and it is the z-index and stacking order of that container that is important. So, you could target it with a CSS selector, even though this may change in the future. For this particular case, however, z-index for the dropdown itself would not have solved the issue because it stems from elements higher up in the layout.

On the problem - I will get back to you with more details, we are investigating to see if a Guid can be supported in the Telerik DropDownList. It cannot work in a standard <select>, though.


Regards,
Marin Bratanov
Progress Telerik UI for Blazor
0
Marin Bratanov
Telerik team
answered on 13 May 2019, 11:36 AM
Hi Nick,

I have good news:

  • the dimensions flexibility will likely make it into the upcoming 1.1.0 release that is planned for later this week,
  • the DropDownList will be able to take Guid values in 1.1.0, even though at the moment it can't.

For the time being you could consider using a string in a similar fashion to this post: https://www.telerik.com/forums/-8a786fcf79f4#_z83mo6fqEK4XuPVF0tg1Q.


Regards,
Marin Bratanov
Progress Telerik UI for Blazor
0
Nick
Top achievements
Rank 1
answered on 13 May 2019, 03:13 PM

Hi Marin,

That's great news, thanks for all your help.We're thinking quite seriously about starting a production project using this so I will be back, apologies in advance if there are lots of questions! :)

Kind Regards,

Nick.

 

 

0
Marin Bratanov
Telerik team
answered on 13 May 2019, 03:56 PM
Hello Nick,

I hope our docs and demos will help answer at least some of those questions. If they don't feel free to add your feedback on what wasn't enough when asking :) It will definitely help me provide better information for you in the future.


Regards,
Marin Bratanov
Progress Telerik UI for Blazor
Tags
General Discussions
Asked by
Nick
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Nick
Top achievements
Rank 1
Share this question
or