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
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):
Error produced using
The grid appears to be working and filtering correctly despite the exception. Should I disregard? Should I be doing something differently?
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
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.
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 ?
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; }
}
}
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