ExtJS: конвертировать HTML-форму в ExtJS

Question

Я хочу иметь возможность преобразовать HTML-форму в ExtJs-форму. Я читал, что вы должны что-то делать с applyTo, но не был уверен, что делать.

Я надеюсь, что кто-то может оказать мне некоторую помощь,

Приветствия

Answer 1

Если вы хотите преобразовать каждый элемент формы в элемент ExtJS, кто-то на форумах Sencha опубликовал решение (которое я опубликую здесь):

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
            });
        }
    }
}

Answer 2

Дополнительно, кому интересно, кнопки тоже можно конвертировать:

 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));      
 });   

Информация была найдена здесь (не на английском, извините).