Telerik Forums
UI for Blazor Forum
1 answer
324 views

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>

 

 

Marin Bratanov
Telerik team
 answered on 30 Apr 2021
1 answer
2.9K+ views

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

Marin Bratanov
Telerik team
 answered on 30 Apr 2021
1 answer
1.6K+ views
The combo box data binding documentation discusses the ability to bind to a model, however in the example the bind-Value is set to an integer property. If I set the bind-Value to a property that is an object type I get an invalid cast exception. Is there a way to bind such that the selected value is an object instead of a primitive type? I know I can use a primitive type as the selected value and then fetch the object out of the list in my view model but it would be cleaner to bind directly to the object itself.
Hristian Stefanov
Telerik team
 answered on 29 Apr 2021
3 answers
3.3K+ views

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

 

Svetoslav Dimitrov
Telerik team
 answered on 29 Apr 2021
1 answer
1.5K+ views

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; }
	}
}


Marin Bratanov
Telerik team
 answered on 29 Apr 2021
2 answers
501 views

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.

Klaus
Top achievements
Rank 1
Iron
 updated answer on 28 Apr 2021
1 answer
183 views

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.

Marin Bratanov
Telerik team
 answered on 28 Apr 2021
1 answer
524 views

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.

 

Marin Bratanov
Telerik team
 answered on 28 Apr 2021
1 answer
222 views

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?

Marin Bratanov
Telerik team
 answered on 27 Apr 2021
0 answers
88 views

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

Jihyun
Top achievements
Rank 1
 asked on 27 Apr 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?