Questions on UI for Blazor Forum

1 answer

228 views

TelerikDropDownList doesn't close after selection

I have a telerik dropdownlist that isn't closing after selection. I've looked at the answer posted here: Dropdownlist does not close after selection in UI for Blazor | Telerik Forums, but that doesn't solve my issue. My value fields match (I am using DateOnly), and the value is a Value type (struct).

<FormItem Field="@nameof(HpuDonation.HpuScheduledPickupDate)">
    <Template>
        <TelerikDropDownList Width="150px" ValueField="@nameof(PickupDateTargetCapacity.PickupDate)" Data="@PickupDates" @bind-Value="@Donation.HpuScheduledPickupDate">
            <ValueTemplate>
                @((context as PickupDateTargetCapacity).PickupDate.ToString("MMMM d"))
            </ValueTemplate>
            <ItemTemplate>
                @((context as PickupDateTargetCapacity).PickupDate.ToString("MMMM d"))
            </ItemTemplate>
        </TelerikDropDownList>
    </Template>
</FormItem>

@code {
    public IEnumerable<PickupDateTargetCapacity> PickupDates { get; set; } = new List<PickupDateTargetCapacityDto>();
    public HpuDonation Donation { get; set; }

    public class HpuDonation
    {
        public DateOnly HpuScheduledPickupDate { get; set; }
        // other fields
    }

    public class PickupDateTargetCapacity
    {
        public DateOnly PickupDate { get; set; }
        // other fields
    }
}

Where am I making the error?

DropDownList

answered on 18 Jun 2024

1 answer

287 views

Grid filtering without model properties

Hi,

I have a Grid component that is used for editing data in an arbitrary database table. The type of the grid is a class that doesn't have properties for each column, but rather simulates columns and row data based on the selected database table structure. The purpose of this is to enable the user to edit a certain database table without the need to define the exact data structure in the web application.

This works fine when displaying data and editing data. However, I need to implement filtering and things start to get tricky.

I have a snippet that simplifies the issue: https://blazorrepl.telerik.com/weYKFcvq2749nY9L57

Before trying to implement filtering, I had no Field attribute on my GridColumns and that worked fine. But when adding the FilterMode attribute to the TelerikGrid component the filter row isn't rendered at all (also not when using FilterCellTemplate). I've read other forum posts about the necessity of the Field attribute. When I add the Field attribute, the filter row is rendered but I get an exception stating "Value cannot be null. (Parameter 'nullableType')" with this stack trace:

at System.ArgumentNullException.Throw(String paramName)
at System.Nullable.GetUnderlyingType(Type nullableType)
at Telerik.Blazor.Common.Filter.FilterOperatorFactory.GetColumnDefaultFilterOperator(Type propType)

Is the component using reflection to determine the Type of the field? Or can I somehow tell the component dynamically what type to use, in the same way I can return the title or cell content dynamically?

I tried to use the filter template but I get stuck on the Field problem.

Filter

Grid

answered on 17 Jun 2024

0 answers

118 views

FileManager not expose all Upload properties

In the documentation (link) is written that "Configure the integrated Upload through the FileManagerUploadSettings child tag of FileManagerSettings. The FileManager exposes parameter names that are identical to the respective Upload component API members", but the FileManagerUploadSettings expose only a subset of upload properties.

This is a very limitation because we can't customize the upload or support the upload of multiple file.

I think the documentation needs to be correct, or what I would prefer, that all the properties be correctly exposed by FileManagerUploadSettings.

thanks
--
Andrea

FileManager

Upload

asked on 17 Jun 2024

1 answer

210 views

Telerik Grid Filter menu date format change.

In my grid data the date is showing like this

but in filter menu the date is showing like this (see the below screenshot).

I need the same format in filter menu as the grid column showing format.
How can I achieve this ?
Thankyou.

Filter

Grid

answered on 14 Jun 2024

0 answers

449 views

Turn off TelerikButton enter key

Hi,

We have an issue on our site that when you press an enter key on a second custom grid row (not a Telerik Grid, but rather a foreach that makes a new additive row) it will expand the first row when we press enter on any other row.

We've boiled it down to it possibly being a Telerik A11Y issue.

Is there a way we can stop a the button from reacting to an enter key press?

Kind regards,

Benjamin,

Accessibility

Button

asked on 14 Jun 2024

3 answers

193 views

Dynamically change Editor Type based on type passed at runtime

Hi,

I would like to know if the ability of Telerik Form components have the ability to change based on the passed type also at runtime.

Ideally, I would like to have an editable field inside a Telerik Grid that is declared as object/dynamic and populated at runtime with values of different primitive types. Visually translating bool values into checkboxes, int values into spinboxes and string values into textboxes.

Would that be possible?

here the specific piece of code I'm working on:

<TelerikGrid Data="PGEManagementUtility.GetPGEPropertyValues()" EditMode="GridEditMode.Incell" OnUpdate="OnPropertyValueSet">
    <GridColumns>
        <GridColumn Field="@nameof(PGEPropertyValue.PropertyName)" Title="Name" Editable="false" />
        <GridColumn Field="@nameof(PGEPropertyValue.DataType)" Title="Data Type" Editable="false" />
        <GridColumn Field="@nameof(PGEPropertyValue.Value)" Title="Value" />
    </GridColumns>
</TelerikGrid>

PGEPropertyValue.Value would be declared as object or dynamic based on what works best in this case.

Kind Regards,

Lorenzo

Editor

Grid

answered on 12 Jun 2024

1 answer

186 views

Adding a form field after a radio button within a RadioGroup Tag

I would like to add a numeric box after several of the radio buttons in a Radio Group. Similar to how they are displayed in the Scheduler Appointment entry form. Any suggestions or samples on how to go about doing this using the Telerik Blazor UI tools?