ExtJS 4 текстовое поле внутри вложенных тегов autoEl

#extjs #extjs4

Вопрос:

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

Это потенциально будет иметь неограниченное количество вложенных 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',
    }
    ]
   }
  ]
 }
 ],
}

1. Зачем именно вам это нужно? Какую проблему вы пытаетесь решить?

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

3. К вашему СВЕДЕНИЮ: конечные запятые перед фигурными скобками, как в этой строке value: 'this is my test', или в this ], , приведут к тому, что некоторые браузеры, такие как IE9, перестанут выполнять ваш код. Вы должны удалить все ненужные запятые.

4. Я взял этот образец из гораздо более крупного тестового примера, над которым я работал, и вычистил большую часть материала, чтобы получить базовый материал, которого я пытался достичь. Я создаю этот объект динамически в браузере, а не просто генерирую строку для оценки. Таким образом, эти дополнительные запятые никогда не будут проблемой для начала.

Ответ №1:

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