html - modern - eloquent js 3

ExtJS: convierte el formulario html a ExtJS

Question

Quiero ser capaz de convertir un formulario html a un formulario ExtJs. He leído que tienes que hacer algo con applyTo, pero no estaba seguro de qué hacer.

Espero que alguien me pueda ayudar,

Aclamaciones

Answer 1

Además, quién está interesado, los botones se pueden convertir también:

 var objArray = Ext.DomQuery.select("input[type=button]");
Ext.each(objArray, function(obj) {
var btn = new Ext.Button({
text : obj.value,
applyTo : obj,
handler : obj.onclick,
type : obj.type
});
btn.getEl().replace(Ext.get(obj));
}); 

La información fue encontrada aquí (no en inglés, lo siento).

Answer 2

Si quiere convertir cada elemento en un formulario a un elemento ExtJS, alguien en los foros de Sencha ha publicado una solución (que haré una publicación cruzada aquí):

function convertForm(formId) {
var frm = new Ext.form.BasicForm(formId);
//frm.render();
var fields = frm.getValues()
for (key in fields) {
var elem = Ext.get(key);
if (elem && elem.hasClass(''combo-box'')) {
var cb = new Ext.form.ComboBox({
transform: elem.dom.name,
typeAhead: true,
triggerAction: ''all'',
width: elem.getWidth(),
forceSelection: true
});
}
else
if (elem && elem.hasClass(''date-picker'')) {
var df = new Ext.form.DateField({
format: ''m/d/Y''
});
df.applyTo(elem.dom.name);
}
if (elem && elem.hasClass(''resizeable'')) {
var dwrapped = new Ext.Resizable(elem, {
wrap: true,
pinned: true,
width: 400,
height: 150,
minWidth: 200,
minHeight: 50,
dynamic: true
});
}
}
}