How to add maxlength attribute ?

Thread ID:	Created:	Updated:	Platform:	Replies:
146663	Aug 13,2019 08:40 AM UTC	Aug 14,2019 05:20 AM UTC	Blazor	1

Subscribe to this post

Tags: TextBox

Mr Andrey Voronov

Asked On August 13, 2019 08:40 AM UTC

Its not clear how to use AddAttributes method because it accept object parameter.

Reply | Reply with quote

Gopi Govindasamy [Syncfusion]

Replied On August 14, 2019 05:20 AM UTC

Hi Andrey Voronov,

Greetings from Syncfusion support.

The AddAttributes method is used to add multiple attributes depending on the key-value pair to the input element of the textbox. So you can add the maxlength attributes using Dictionary type. We have prepared sample based on your requirement. Please find the code snippet and sample for your reference.

<h4>TextBox</h4>

<EjsTextBox @ref="TextBoxObj"></EjsTextBox>

<button class="e-btn" @onclick="Clicked">Add Attributes</button>

@code

{

EjsTextBox TextBoxObj;

public void Clicked()

{

TextBoxObj.AddAttributes(new Dictionary<string, object>() { { "maxlength", "12" } });

}

Sample Link: https://www.syncfusion.com/downloads/support/forum/146663/ze/WebApplication11834358090

We would like to inform you that we have provided HtmlAttributes. By default, the HtmlAttributes property is available in Textbox. You can add the custom attribute to the textbox input element by using this property.

The following code example demonstrates how to set the custom attribute to the textbox component using HtmlAttributes property.

<h4>TextBox</h4>

<EjsTextBox HtmlAttributes="@htmlAttribute"></EjsTextBox>

@code

{

private Dictionary<string, object> htmlAttribute { get; set; } = new Dictionary<string, object>() {

{"maxlength", "12" }

};

}

API Link: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.SfTextBox.html#Syncfusion_Blazor_Inputs_SfTextBox_HtmlAttributes

Regards,

Gopi G.

Reply | Reply with quote

CONTACT US

How to add maxlength attribute ?

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US