Can't I change Numerictextbox to kendoTextBox?

Can I change Numerictextbox to kendoTextBox format with special coding?

Please change numerictextbox in the url below to kendoTextBox.

https://dojo.telerik.com/uLIzaDag

Please enter coding in the area below /* start code */

It may be very easy or it may be very difficult.

Please make it a success. thank you.

Hi,

I upgraded my project from 2022.1.301 to 2022.2.621 and my text inputs lost there styling.

This markup worked fine with version 2022.1.301

<input type="text" id="gebruikersnaam" name="gebruikersnaam" class="k-textbox k-input" />

With the latest version it looks like the second input from above snippet.

It displays fine when i add the css class "k-input-solid":

<input type="text" id="gebruikersnaam" name="gebruikersnaam" class="k-textbox k-input k-input-solid" />

Do i have to update all my markup , or is this a bug?

Kind Regards,

Marco

This has been asked before here: https://www.telerik.com/forums/kendo-validator---focus-on-first-invalid-field

However, the given solution does not work with a kendoTextBox. 

If you use the example given in the previous post (http://dojo.telerik.com/ukoLUJ/4?_ga=2.193348590.2100086651.1638809904-402941789.1637689930) and replace the inputs with kendoTextBoxes and update the libraries to the latest version, they will not gain focus when invalid.

Any help would be appreciated, thanks,

Kevin

I use Kendo UI for build my single page web application. My application will add a tab when user click some menu if this menu will not in a tab list. I have a problem with my application when i use app in a period of time, the app gradually slow and slower. I found the reason is because when i add a new tab (with some kendoUI widget), the document will create some sub element in the end of document and i close the tab the widget in tab removed but the sub element will alive so the size of document increase by time used. 

Example 1 sub element:

<div class="k-list-container k-popup k-group k-reset" id="pfe6ef2c-9926-45e3-ac6d-8dcb5bb0855b-list" data-role="popup" style="display: none; position: absolute;" aria-hidden="true"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" id="pfe6ef2c-9926-45e3-ac6d-8dcb5bb0855b_listbox" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused" aria-selected="false" data-offset-index="0" id="dd8303f9-e1d7-4a3a-8e57-fb1478a5d9e0">20</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">35</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">50</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">100</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div>

Is there any solution to when remove the widget from document, the sub element removed too?

How can I extend this view with more fields?

Hi Telerik Team,

I'm using k-textbox for filtering rows in a grid.

We used custom filter when type in the filter textbox we make a server call to bind also when I click outside of the textbox on the grid page again the transport.Read event gets called when it lost focus.

Is there a way to prevent this ?

Thanks for your answer.

Regards,

Senthilkumar

Hello

How to add a clearButton to the kendoTextBox control ? Same as in Autocomplete ...

Thanks.

It seems that your TextBox control/widget only has the change event handler, so I would like to know how to (natively) extend the TextBox widget adding identical functionality for eg. keyup, keydown etc.

The pattern I'm asking about is this:

kendo.ui.TextBox.extend({ ?? })

So that I can use the event handler in both initialization and after:

$("#myTextBox").kendoTextBox({
    label: "Name",
    value: "Hello World!",
    change: function() { alert("Changed!"); },
    keyup: function() { alert("KeyUp!"); },
});

- AND -

$("#myTextBox").data("kendoTextBox").bind("keyup", function(e) { alert("KeyUp!"); });

I know that I could simply do something like below, but I need to be able to do it on initialization - and I don't think it is as clean as extending the generic way.

$("#myTextBox").bind("keyup", function(e) { alert("KeyUp!"); })

Hello, 

Is it possible to add a textbox dinamically, by clicking a button?

I have the following code, and I need to add a textbox, just like the one I already have when click the "Add Button"

Hi, I have a question for kendo textbox widget label. I would like to use label like value methods. However; labels are given only configuration. Are there any method that is working like value methods.

var textbox = $("#textbox").data("kendoTextBox");

textbox.value("VALUE"); // this is a example I want.

Thanks for helping.