Создание Ext.form.field.Text в extjs 4
 

Добрый день.

Нужно в input отрендерить Ext.form.field.Text. Пытался сделать следующим образом:

<div id="details">

<input type="text" id="nameField" value="Test" />

</div>

Скрипт:
Ext.onReady(function () {


var nameField = Ext.create('Ext.form.field.Text', {
name: 'name',
allowBlank: false,
contentEl: 'nameField',
fieldLabel: 'Name'
});

var panel = Ext.create('Ext.form.Panel', {
title: 'Contact Info',
width: 300,
bodyPadding: 10,
renderTo: 'details'
});

panel.add(nameField);
});

Но ничего не получается. Во втором можно было при помощи applyTo, как это делается в 4?

зачем в инпут пихать аналогичный екстовый компонент?
честно говоря смысла не вижу в этом...
да и contentEl отвечает только за то чтобы экспортировать содержимое html элемента в компонент а не чтобы рендерить в нем

Ext Designer в помощь.

читай документацию все параметры и конфиги там есть подходящие