2011-10-05 3 views
0

Мне нужно отобразить окно ввода и метки, вложенные в div. Проблема заключается в том, что html показывает, а не ввод. Какой был бы лучший способ достичь этого?Текстовое поле ExtJS 4 внутри вложенных тегов autoEl

Это потенциально может иметь неограниченное количество вложенных полей div и ввода.

{ 
xType: 'panel', 
autoEl:[ 
{ 
    tag: 'div', cls:'rule', children: 
    [ 
    { 
    tag: 'div', cls:'condition', children: 
    [ 
    {tag: 'span', html:'Permit'}, 
    { 
    xtype: 'textfield', 
    name: 'inputname', 
    value: 'this is my test', 
    } 
    ] 
    } 
    ] 
} 
], 
} 
+0

Почему именно вам это нужно? Какую проблему ты пытаешься решить? – dmackerman

+0

Это для XML-редактора. Эта часть кода заключается в том, что неограниченное количество вложенных условий и значений необходимо визуализировать в форме и отображать с отступом. В настоящее время мое решение просто генерирует HTML с вложенными div и вводом, а затем привязывает его к свойству html панели. После этого я ищу каждое окно ввода и свяжу свои функции. Это работает нормально, но я думаю, что было бы лучше, если бы я мог разместить слушателей и/или пользовательские компоненты и т. Д. Затем создайте форму. – Batir

+0

FYI: запятые запятые перед фигурными скобками, как в этой строке 'значение: 'это мой тест',' или в этом '],' приведет к тому, что некоторые браузеры, такие как IE9, перестанут выполнять ваш код. Вы должны удалить все ненужные запятые. – suknic

ответ

0

Почему бы не использовать форму и не добавить поля ввода к ней? Вы можете использовать любые макеты, доступные для панели в форме. Добавление полей в форму «на лету» работает достаточно хорошо. Вы также можете использовать контроллер для привязки своих функций к полям формы.

+0

Я думаю, я могу это сделать, но что мне интересно, если его можно комбинировать вложенные теги и компоненты autoEl. – Batir

+2

Не сражайтесь с каркасом, используйте его! :) – dbrin

Смежные вопросы