Hello,
I want to use a combobox in a telerik grid, I'm succesfully able to bind and display the data in the combobox as well.
however when I select a value from the combobox and press the update button, I get out of the edit mode and the combobox
value goes back to null. (placeholder)
here is a simplified version of my models
public class PageControlsM
{
[Key, DatabaseGenerated(DatabaseGeneratedOption.Identity)]
public int Id { get; set; }
public string ControlCode { get; set; }
[ForeignKey("ControlCode")]
public ControlTypes ControlTypes { get; set; }
}
public class ControlTypes
{
[Key]
public string Code { get; set; }
public string ControlName { get; set; }
public string HtmlCode { get; set; }
}
and this is my grid implementation:
<TelerikGrid Data="@PageControlList"
Height="auto"
Pageable="true"
Sortable="true"
Reorderable="true"
Resizable="true"
PageSize="5"
EditMode="GridEditMode.Popup">
<GridToolBar>
<GridCommandButton Command="Add" Icon="add">Yeni Kontrol Ekle</GridCommandButton>
</GridToolBar>
<GridColumns>
<GridColumn Field=@nameof(PageControlsM.ControlCode) Width="100%" Title="Kontrol Turu">
<EditorTemplate Context="controlMContext">
@{
if (controlMContext is PageControlsM controlM)
{
<TelerikComboBox Data="@ControlTypesList"
TextField="ControlName"
ValueField="Code"
Width="90%"
@bind-Value="controlM.ControlCode"
Placeholder="<Seciniz>"
ClearButton="true"
Filterable="false">
</TelerikComboBox>
}
}
</EditorTemplate>
</GridColumn>
<GridCommandColumn Width="100%">
<GridCommandButton Command="Edit" Icon="edit">Edit</GridCommandButton>
<GridCommandButton Command="Delete" Icon="delete">Delete</GridCommandButton>
<GridCommandButton Command="Update" Icon="update" ShowInEdit="true">Update</GridCommandButton>
<GridCommandButton Command="Save" Icon="cancel" ShowInEdit="true">Save</GridCommandButton>
<GridCommandButton Command="Cancel" Icon="cancel" ShowInEdit="true">Cancel</GridCommandButton>
</GridCommandColumn>
</GridColumns>
</TelerikGrid>
Hello,
I am using a NumericTextBox in a form to input a decimal number.
The only decimal-separating character is " , ". I would like to be able to also use ' . ' as it's commonly used and easier to access on the keyboard while using the numeric pad.
The component doesn't seem to allow me to set which separator is used. The only information I have found is that it's fully dependant on the app's culture. Our culture is set to French (France), which uses ' , ' as a separator, so it's the only symbol the component will allow.
Is there any way to allow multiple decimal separators without changing the entire app's culture? (Even in this case I don't know if that would enable me to use both commas and dots)
Thank you,
Johnny

I'm would like to have the buttons on my form justified right. I tried various Bootstrap alignment styles, which have no effect. How can I justify the buttons to the right?
Also, maybe the FormButtons component should support various justification: left, center, right, vertical.
Thanks
Hi,
I have burned some time trying to understand why ComboBox is not selecting predefined value. If myComboData is null/empty initially and loaded from remote API then predefined value is not selected.
Workaround 1: Set _selectedValue to -1 and then back to 2 to trigger selection.
Workaround 2: Wrap combo with if(myComboData != null).
Both seem dirty to me.
In samples (https://demos.telerik.com/blazor-ui/combobox/overview) we don't have a null checks.
<TelerikComboBox @bind-Value=_selectedValue Data="@myComboData" TextField="MyTextField" ValueField="MyValueField" TValue="int" TItem="MyDdlModel">
</TelerikComboBox>
@code {
int _selectedValue { get; set; } = 2; // Preselected value
IEnumerable<MyDdlModel> myComboData { get; set; } = Enumerable.Empty<MyDdlModel>();
protected override async Task OnInitializedAsync()
{
myComboData = await LoadData();
await base.OnInitializedAsync();
}
private async Task<IEnumerable<MyDdlModel>> LoadData()
{
await Task.Delay(1);
return Enumerable.Range(1, 20).Select(x => new MyDdlModel { MyTextField = "item " + x, MyValueField = x });
}
public class MyDdlModel
{
public int MyValueField { get; set; }
public string MyTextField { get; set; }
}
}In a grid with FilterMode = GridFilterMode.FilterRow the step size for the up/down controls of a numeric field is 1. How can I change this to 0.1 (like Step="0.1" in TelerikNumericTextBox)? Everything else (resetting filter, selecting filter operator,...) should work as in the standard implementation.
Hello,
I would like to avoid componente cleans filter user input when an item is clicked and auto-close is set to false.
So, imagine I want to select every item which contains letter 'S'. I type 'S' then when I click on the first item containing 'S', the 'S' in the input is removed and all the items are shown. So I need to type S again and again 1 time for each Item I want to select.
I attach a gif showing the behaviour.
Is there any way to avoid this input cleaning on selection?
Thanks.
I do not want to auto close my notifications and just let the user close them manually. But I would like to add a "clear all" button if they have not bothered to clear the notifications for some time. Seems like there should be an easy way to reset the collection but I have not found a way yet.
In the Blazor upload control, is there a way to upload directories?
In MVC, its just
.Directory(true)
.DirectoryDrop(true)
Blazor Upload does not have any similar, properites. Was that functionality not ported over?
Hello,
I use Telerik Grid and Search Box.
When I clicked edit command in Grid, Search Box is filled automatically.
And in my opinion, this value is GridCommandEventArgs.
How can I avoid to fill search box automatically?
Sincerely,
Hanna Lee