Telerik Forums
UI for Blazor Forum
1 answer
2.1K+ views

There is a note on the documentation page for NumericTextBox saying "The decimal separator is . for the time being. When localization features get implemented in the Telerik UI for Blazor suite... Currency symbols are also rendered by the framework and they come from the current culture as well."

Is that note still relevant?

I made a simple test..

<TelerikNumericTextBox @bind-Value="Number" Format="C"></TelerikNumericTextBox>

@code {
    public decimal Number { get; set; } = (decimal)2.59;
    protected override void OnInitialized()
    {
        System.Globalization.CultureInfo.DefaultThreadCurrentCulture = new System.Globalization.CultureInfo("hr-HR");
    }
}

The numer in numeric text box is displayed as expected - "2,59 kn"  (Notice that it has the correct decimal separator and currency simbol)
When I want to change the number I cannot input "," (comma) as a decimal separator - numericTextBox won't accept it.
So I tried with "." (dot).
I can input "." (dot) but when I enter a number after "." the "." disappears leaving me with an whole number in numericTextBox.

Is this a bug or a missing feature? The note above is confusing because NumericTextBox get's it's formating options from current culture so why doesn't it apply the correct decimal separator?

Thank you

Marin Bratanov
Telerik team
 answered on 25 Oct 2019
1 answer
485 views

I am seeing that the grid filter mode causes the following exception to be thrown: "System.InvalidOperationException: JavaScript interop calls cannot be issued at this time. This is because the component is being prerendered and the page has not yet loaded in the browser or because the circuit is currently disconnected. Components must wrap any JavaScript interop calls in conditional logic to ensure those interop calls are not attempted during prerendering or while the client is disconnected."

Steps to reproduce (project using example from https://docs.telerik.com/blazor-ui/components/grid/overview is at https://github.com/austineric/GridTest):

  1. Open solution
  2. Ctrl + F5
  3. In the address bar add "/test" to the url
  4. In Visual Studio change the output to "GridTest - ASP.NET Core Web Server"
  5. Clear All in the output window
  6. Refresh the browser page
  7. View the exception in the output window
  8. Run the same test but remove the "FilterMode="Telerik.Blazor.GridFilterMode.FilterRow"" and see that the exception does not appear

Error produced using

  • .Net Core 3.0.100
  • Telerik UI for Blazor 2.2.1
  • Visual Studio 16.3.5

The grid appears to be working and filtering correctly despite the exception. Should I disregard? Should I be doing something differently?

Marin Bratanov
Telerik team
 answered on 25 Oct 2019
1 answer
84 views

hi 
i was looking for a way in ui for blazor to transform grid state to  odata compatible string or something like QueryableExtensions in kendo like this 

 

 

Marin Bratanov
Telerik team
 answered on 25 Oct 2019
5 answers
409 views
I am pretty sure i can just write a JavaScript function to go back and find/collapse all the groups in the grid but is there a grid setting where I can just collapse them by default?
Marin Bratanov
Telerik team
 answered on 24 Oct 2019
1 answer
441 views
Is there a way to close a tab? Or can I provide my template for a tab header so I can implement closing?
Marin Bratanov
Telerik team
 answered on 24 Oct 2019
1 answer
1.1K+ views

Is it possible to make the grid command buttons visible on mouse hover of the row?

Sometimes I feel have a grid full of buttons adds a little unnecessary visual noise.

Marin Bratanov
Telerik team
 answered on 24 Oct 2019
3 answers
264 views
Hi, I copy paste the code on your example of Treeview and I add 20 nodes with 20 nodes each and when I try to open up one it takes few seconds. My necessity is to have at least 50-100 elements per node and but actually it takes an "eternity" to visualize everything. Both on open and close operations. What can I do to improve the performance?
Im using Chrome
Marin Bratanov
Telerik team
 answered on 22 Oct 2019
1 answer
149 views

hi 
im using TelerikGrid and i wanted this feature to request for a part of data and when client scrolled down to that part of data then do another request to get second part of data 
i wanted to know if this can be done right now and if not when will this feature be added ?

 

Marin Bratanov
Telerik team
 answered on 22 Oct 2019
1 answer
302 views

hi i was using TelerikGrid and i ran to a problem 

`
<TelerikGrid Data=@GridData
             FilterMode="@GridFilterMode.FilterMenu"
             ScrollMode="@GridScrollMode.Virtual"
             Height="400px" RowHeight="40" PageSize="20"
             >
`

this is my grid and it works fine but when  use OnRead 

`

<TelerikGrid Data=@GridData
             FilterMode="@GridFilterMode.FilterMenu"
             ScrollMode="@GridScrollMode.Virtual"
             Height="400px" RowHeight="40" PageSize="20"
             OnRead="()=> { }">

`

i dont even need to do something in that function i give ity an empty function suddenly whenever i scroll to it just shows me first 15 
when i scroll i can see other options but suddenly 1 to 15 jumps up and all i see is them but scroll doesnt go to first of grid 

 

and this is my whole code

   <style>

        .read{
            color:red;
        }
        .not-yet{
            color:green;
        }
    </style>

<TelerikGrid Data=@GridData
             FilterMode="@GridFilterMode.FilterMenu"
             ScrollMode="@GridScrollMode.Virtual"
             Height="400px" RowHeight="40" PageSize="20"
             Class="@(isRead ?"read" : "not-yet")"
             OnRead="()=> { }">
    <GridColumns>
        <GridColumn Field="Id" />
        <GridColumn Field="Name" Title="First Name" />
        <GridColumn Field="LastName" Title="Last Name" />
        <GridColumn Field="HireData">
            <Template>
                @(((SampleData)context).HireDate.ToString("MMMM dd, yyyy"))
            </Template>
        </GridColumn>
    </GridColumns>
</TelerikGrid>

@code {
    public List<SampleData> GridData { get; set; }
    public bool isRead = false;
    protected override async Task OnInitializedAsync()
    {
        GridData = await GetData();
    }

    private async Task<List<SampleData>> GetData()
    {
        return Enumerable.Range(1, 100).Select(x => new SampleData
        {
            Id = x,
            Name = $"name {x}",
            LastName = $"Surname {x}",
            HireDate = DateTime.Now.Date.AddDays(-x)
        }).ToList();
    }

    async Task Test()
    {
       
        isRead = true;
    }

    public class SampleData
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string LastName { get; set; }
        public DateTime HireDate { get; set; }
    }
}

Marin Bratanov
Telerik team
 answered on 22 Oct 2019
1 answer
178 views

Hi

Can anyone help with this please?

The following HTML produces a satisfactory result in that all columns are populated:

if (purchaseOrders == null)
{
    <p><em>Loading...</em></p>
}
else
{
    <table class="table">
        <thead>
            <tr>
                <th>PO No.</th>
                <th>PO Date</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var purchaseOrder in purchaseOrders)
            {
            <tr>
                <td>@purchaseOrder.PurchaseOrderId</td>
                <td>@purchaseOrder.PurchaseOrderDate.ToShortDateString()</td>
                <td>@purchaseOrder.Supplier.SupplierName</td>
            </tr>
            }
        </tbody>
    </table>
}

 

There is a linq query in a service file which retrieves data across the FK between "Purchase Order" and "Supplier". However the SupplierName column remains blank in the Telerik grid with the following code:

<TelerikGrid Data="purchaseOrders" Height="800px"
             Pageable="true" PageSize=@PageSize Sortable="true" Groupable="true"
             FilterMode="Telerik.Blazor.GridFilterMode.FilterRow">
 
    <GridColumns>
        <GridColumn Field="@(nameof(PurchaseOrder.PurchaseOrderId))" Title="PO No." Groupable="false" />
        <GridColumn Field="@(nameof(PurchaseOrder.PurchaseOrderDate))" Title="PO Date" />
        <GridColumn Field="@(nameof(PurchaseOrder.Supplier.SupplierName))" Title="Supplier" />
    </GridColumns>
 
</TelerikGrid>

The HTML and Telerik grids use the same data source and models.  Many thanks

 

 

The

 

 

 

Marin Bratanov
Telerik team
 answered on 22 Oct 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?