I need a component that allows the user to enter multiple key-values.
Similar to the "properties" window in Visual Studio.

The challenge is that "value" is object type because values ​​can be of different types.

I wanted to implement this using a Grid component with the InCell editing option.
The problem, however, is the unspecified "value" type...
The edit cell would have to render a different edit component depending on the "value" type.

Do you have any idea how to accomplish this?

My test code:

<TelerikGrid Data=@MyData EditMode="@GridEditMode.Incell">
    <GridColumns>
        <GridColumn Field=@nameof(TextValue.Text) Title="Text" Editable="false" />
        <GridColumn Field=@nameof(TextValue.Value) Title="Value" Editable="true" />
    </GridColumns>
</TelerikGrid>

@code
{
    TextValue[] MyData = new TextValue[]
    {
        new TextValue { Text = "test1", Value = "test" },
        new TextValue { Text = "test2", Value = false },
        new TextValue { Text = "test3", Value = 3 }
    };

    public class TextValue
    {
        public string Text { get; set; }
        public object Value { get; set; }
    }
}

I have attached a screenshot.

I copied documentation from:  https://docs.telerik.com/blazor-ui/components/grid/overview#creating-blazor-data-grid

I'm using version 2.24.0 is this why there is no styling?

I have a page/component using the <TelerikGridLayout> object.

I dont seem to be understanding the row tag.

 <GridLayoutRows>      
        <GridLayoutRow Height="100px"></GridLayoutRow>   @*App Msg*@
        <GridLayoutRow Height="25px"></GridLayoutRow>     @*Report Choices*@
        <GridLayoutRow Height="50px"></GridLayoutRow>
        <GridLayoutRow Height="5%"></GridLayoutRow>
        <GridLayoutRow Height="75%"></GridLayoutRow>    @*Report Grid *@
    </GridLayoutRows>

I have tried %s also but the same thing seems to happen.

Sometimes the 1st row is covered by the objects in the 2nd row. example:

That text msg area is on the 1st row the Labels and button are on the 2nd row.

I thought the 1st row would push the 2nd row stuff down auto like. :)

How do I get it to not cover each other?

Thanks

Deasun.

I would like 1 page with 1 grid that depending on user choosing a DDL choice would have different column results.

example:

Rpt 1 choice: Columns = a1, a1, a3, ...

Rpt 2 choice: Columns a1, b2, x4, ....

Can this be done? Or do I have to have a grid for each different report set?

And then just hide other grids not using atm.

Thanks

You can do this with the standard input element:

<input type="text" class="form-control" id="counterAccountCode" placeholder="999-999-999-999-999-999, NONE if not applicable" bind="@Item.CounterAccountCode" />

Is there a way to do this with the Blazor TextBox or is this something that is still in the works?

I need to format one of the columns with three decimal places.

In https://docs.telerik.com/devtools/winforms/api/telerik.documents.spreadsheetstreaming.builtinnumberformats , I could not find any option for the above-mentioned purpose.

I am formatting a column before the data is exported in grid. Here is a code:

I would really appreciate if you could tell me if there is such a BuiltInNumberFormat. If not,  is there Telerik class that allows me to do so? I tried incell formatting, but without success.