Hi there,

I need the same fuctionality of the "Add" command of the grid's toolbar but using a button located anywhere in the page. Is this possible?

Thank you.

We are evaluation the blazor controls from telerik and would like to know few things.

1. Is it possible to implement fluent validation as part of the object validation as done here? https://blog.stevensanderson.com/2019/09/04/blazor-fluentvalidation/

I tried doing this but it would not catch the validation

  <EditForm Model="@selectedBuildingModel" OnValidSubmit="@Save">
            <FluentValidator TValidator="BuildingModelValidator" />
            <div class="form-row">
                <div class="col">
                    <TelerikTextBox @bind-Value="@selectedBuildingModel.Name" Label="First Name"></TelerikTextBox>
                    <ValidationMessage For="@(() => selectedBuildingModel.Name)" />
                </div>

            </div>

            <div class="form-row">
                <ValidationSummary />
                <TelerikButton Icon="save" Primary="true" ButtonType="@ButtonType.Submit">Save</TelerikButton>
                <TelerikButton Icon="cancel" OnClick="@ClearSelection" ButtonType="@ButtonType.Button">Cancel</TelerikButton>
            </div>
        </EditForm>

  public class BuildingModelValidator : AbstractValidator<BuildingModel>
    {
        public BuildingModelValidator()
        {
            RuleFor(x => x.Name).NotEmpty().MaximumLength(5);
        }
    }

2. When will the upload control be available (even if its insiders, we just wanna see how it works)?

Thank you

Is there a way to set a password char on the blazor textbox?

Thanks … Ed

I have just tested Telerik sample code from :

https://demos.telerik.com/blazor-ui/dropdownlist/overview

@page "/dropdownlist/overview"
@page "/dropdownlist/index"

@using TelerikBlazorDemos.Shared

<div class="example-box-wrapper">
    <div class="example">
        <div class="mb-4">T-Shirt size:</div>
        <TelerikDropDownList Data="@Data"
                             @bind-Value=@SelectedSizeMetric
                             PopupHeight=""
                             DefaultText="Select your T-shirt size"
                             ValueField="SizeMetric" TextField="SizeText">
        </TelerikDropDownList>
    </div>

    <div class="ml-4">
        Selected Size Number: <strong>@SelectedSizeMetric</strong>
    </div>
</div>

@code  {
    public IEnumerable<Size> Data { get; set; }
    public bool AllowCustom { get; set; } = true;
    public int? SelectedSizeMetric { get; set; }
    public string SelectedSize { get; set; }

    public class Size
    {
        public string SizeText { get; set; }
        public int? SizeMetric { get; set; }
    }

    protected override void OnInitialized()
    {
        List<Size> sizes = new List<Size>();

        sizes.Add(new Size()
        {
            SizeText = "X-Small",
            SizeMetric = 3
        });

        sizes.Add(new Size()
        {
            SizeText = "Small",
            SizeMetric = 6
        });

        sizes.Add(new Size()
        {
            SizeText = "Medium",
            SizeMetric = 8
        });

        sizes.Add(new Size()
        {
            SizeText = "Large",
            SizeMetric = 10
        });

        sizes.Add(new Size()
        {
            SizeText = "X-Large",
            SizeMetric = 12
        });

        Data = sizes.AsQueryable();
        base.OnInitialized();
    }
}

It works fine as it is.

But if I change:

ValueField="SizeMetric" //int type
for:
ValueField="SizeText" //string type

it nolonger works... I get: System.InvalidCastException : 'Unable to cast object of type 'System.String' to type 'System.Nullable`1[System.Int32]'.'

The telerik doc (https://docs.telerik.com/blazor-ui/components/dropdownlist/overview) specifies:

The Value and ValueField can be of types:
number (such as int, double and so on)
string
Guid
Enum

I have added Component in <TelerikGrid>/<GridColumn>/<Template>. Grid is loading based on data in a text field. All columns are getting update except column having component.

I am using the DataSourceRequest.ToODataString() but the resulting request to my OData is case sensitive. I have seen examples of the $filter clause that uses the OData tolower method to give case-insensitive search.

For example, the following calls to me ASP.NET Core 3.1 / Microsoft.AspNetCore.Odata v7.3.0 API all return the same result set; 

https://myapi/v1/accounts?$filter=contains(tolower(AccountName),tolower('eng'))&$top=2&$skip=0&$count=true

https://myapi/v1/accounts?$filter=contains(tolower(AccountName),tolower('Eng'))&$top=2&$skip=0&$count=true

https://myapi/v1/accounts?$filter=contains(tolower(AccountName),tolower('eNg'))&$top=2&$skip=0&$count=true

Is there a way to modify your DataSourceRequest.ToODataString to support this type of client site modification so I can use it to do case-insensitive filters?

I am remotely retrieving my paged data that is displayed in my Telerik Blazor UI Grid from an OData ASP.NET Core 3.1 web API

I have several fields that are enums in each of my records. I would like to have the columns that have enum based properties display a combobox in the FilterRow so I can select from the desired enum options to filter my grid. 

For example, 

My OData API metadata shows the enum values as;

And so when I query the API using Postman, I need to use the string .

So, I assume that the filter you would generate from a FilterRow ComboBox selection would have similar syntax. 

Is this possible?