I want to display a simple textbox in a page. The TextField component wraps the input in a table with 3 cells. If I am not putting the TextField on a form or using form layout, is there a way to make it generate less bloated markups?
Printable View
I want to display a simple textbox in a page. The TextField component wraps the input in a table with 3 cells. If I am not putting the TextField on a form or using form layout, is there a way to make it generate less bloated markups?
The extra markup ensures a consistent size and style across browsers. It's a personal opinion, but I don't think a few extra DOM objects are going to cause your application that much grief.
As an alternative, you could always just use a plain old HTML input field; but then you'd have to style it/label it/size it/event handle it in a cross-browser compatible way, where this would consitute a lot of manual code/CSS, etc...
As per Friends comments it also has additional element to cater for error message positions and the label etc...
You can create a simple version by extending Ext.form.field.Text and overidding the
relevant tpl e.g. renderTpl, labelableRenderTpl