ExtJS: HTML फॉर्म को ExtJS

Question

पर कनवर्ट करें मैं एक HTML फॉर्म को एक ExtJs रूप में रूपांतरित करने में सक्षम होना चाहता हूं। मैंने पढ़ा है कि आपको आवेदन करने के साथ कुछ करना है लेकिन वास्तव में यह सुनिश्चित नहीं था कि क्या करना है।

मुझे आशा है कि किसी को कुछ मदद के साथ मुझे प्रदान कर सकते हैं,

चीयर्स

Answer 1

आप एक ExtJS तत्व करने के लिए एक के रूप में हर तत्व में परिवर्तित करना चाहते हैं, तो Sencha forums पर किसी एक समाधान पोस्ट किया गया है (जो मैं लूंगा पार पोस्ट यहाँ):

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

जानकारी मिली here (अंग्रेजी में नहीं, क्षमा करें)।