Extjs textfield

Question

पर फ़ोकस सेट करें वर्तमान में मुझे extjs textfield पर फ़ोकस सेट करने में समस्या है। फॉर्म शो के दौरान, मैं फोकस को फर्स्ट नेम टेक्स्ट बॉक्स पर सेट करना चाहता हूं और मैं फंक्शन फोकस() में बिल्ड का उपयोग करने की कोशिश करता हूं लेकिन फिर भी इसे काम नहीं कर सकता। मुझे आपका सुझाव देखने में खुशी है।

var simple = new Ext.FormPanel({ 

    labelWidth: 75, 
    url:'save-form.php', 
    frame:true, 
    title: 'Simple Form', 
    bodyStyle:'padding:5px 5px 0', 
    width: 350, 
    defaults: {width: 230}, 
    defaultType: 'textfield', 
    items: [{ 
      fieldLabel: 'First Name', 
      name: 'first', 
      id: 'first_name', 
      allowBlank:false 
     },{ 
      fieldLabel: 'Last Name', 
      name: 'last' 
     },{ 
      fieldLabel: 'Company', 
      name: 'company' 
     }, { 
      fieldLabel: 'Email', 
      name: 'email', 
      vtype:'email' 
     }, new Ext.form.TimeField({ 
      fieldLabel: 'Time', 
      name: 'time', 
      minValue: '8:00am', 
      maxValue: '6:00pm' 
     }) 
    ], 

    buttons: [{ 
     text: 'Save' 
    },{ 
     text: 'Cancel' 
    }] 
}); 

simple.render(document.body); 

Answer 1

कभी-कभी यह ध्यान केंद्रित करते समय थोड़ा विलंब जोड़ने में मदद करता है। ऐसा इसलिए है क्योंकि कुछ ब्राउज़रों (निश्चित रूप से फ़ायरफ़ॉक्स 3.6) को फॉर्म तत्वों को प्रस्तुत करने के लिए थोड़ा अतिरिक्त समय चाहिए।

ध्यान दें कि ExtJS के focus() विधि defer एक तर्क के रूप में स्वीकार करता है, ताकि कोशिश:

Ext.getCmp('first_name').focus(false, 200); 

Answer 2

आप अपने पाठ फ़ील्ड के लिए घटना "afterrender" का उपयोग करना चाहिए आप के बाद प्रपत्र प्रदान की गई है फोकस सेट करना चाहते हैं।

{ 
     fieldLabel: 'First Name', 
     name: 'first', 
     id: 'first_name', 
     allowBlank: false, 
     listeners: { 
      afterrender: function(field) { 
      field.focus(); 
      } 
     } 
    } 

Answer 3

मैं बहुत सी बातें की कोशिश की है और यह करने के लिए एक रास्ता मिल गया पर Pumbaa80's answer और Tanel's answer आधार पर।

hasfocus:true, 

नीचे समारोह और का उपयोग करें::

Ext.getCmp('first_name').focus(false, 200); 

{ 
    id: 'fist_name', 
    xtype: 'textfield', 
    hasfocus:true, 
} 

Answer 4

प्रयास करें: यहाँ कोड है कोड का?

या, this.callParent(arguments); के बाद इस लाइन Ext.getCmp('comp_id').focus('', 10);

Answer 5

क्यों नहीं बस के बजाय ज्यादा लाइनों को जोड़ने की defaultFocus : '#first_name' जोड़ने निम्नलिखित संपत्ति जोड़ने के लिए

{ 
    fieldLabel: 'First Name', 
    name: 'first', 
    id: 'first_name', 
    allowBlank: false, 
    listeners: { 
     afterrender: function(field) { 
     field.focus(false, 1000); 
     } 
    } 
} 

Answer 6

मैं आज कि इस मुद्दे के साथ संघर्ष कर रहा है जोड़ने के लिए, और मुझे लगता है मैं समाधान मिल गया लगता है। show() विधि प्रपत्र पैनल पर विधि को कॉल करने के बाद चाल focus() विधि का उपयोग कर रही है। यही कारण है, show घटना के लिए एक श्रोता जोड़ने:

Ext.define('My.form.panel', { 
    extend: 'Ext.form.Panel', 
    initComponent: function() { 
     this.on({ 
      show: function(formPanel, options) { 
       formPanel.down('selector-to-component').focus(true, 10); 
      } 
    }); 
    } 
}); 

Answer 7

UIManager.SetFocusTo = function (row, column) { 
    var grd = Ext.getCmp('gridgrn'); 
    grd.editingPlugin.startEditByPosition({ 'column': column, 'row': row }); 

} 

Answer 8

मैं भी (इंटरनेट एक्सप्लोरर में एक टेक्स्ट बॉक्स पर ध्यान केंद्रित करने उपरोक्त सुझावों के रूप में हो रही है के साथ संघर्ष कर दिया है क्रोम और फ़ायरफ़ॉक्स में ठीक काम कर रहे हैं)। इस पृष्ठ पर ऊपर सुझाए गए समाधानों का प्रयास किया लेकिन उनमें से कोई भी आईई में काम नहीं किया। इतने सारे शोध के बाद मुझे कामकाज मिला जो मेरे लिए काम करता था, मुझे उम्मीद है कि यह दूसरों के लिए सहायक भी होगा:

focus(true) का उपयोग करें या यदि आप इसे देरी करना चाहते हैं तो focus(true, 200) का उपयोग करें। उपरोक्त सवाल के रेफरी में कोड होगा:

{ 
     fieldLabel: 'First Name', 
     name: 'first', 
     id: 'first_name', 
     allowBlank: false, 
     listeners: { 
      afterrender: function(field) { 
      field.focus(true); 
      } 
     } 
    } 

Answer 9

मेरे प्रपत्र एक खिड़की के अंदर था और पाठ फ़ील्ड ध्यान केंद्रित नहीं होगा जब तक मैं खिड़की पहले ध्यान केंद्रित किया।

   listeners: { 
        afterrender: { 
         fn: function(component, eOpts){ 
          Ext.defer(function() { 
           if (component.up('window')){ 
            component.up('window').focus(); 
           } 
           component.focus(false, 100); 
          }, 30, this); 
         }, 
         scope: me 
        } 
       } 

Answer 10

afterlayout ईवेंट का उपयोग करें। स्थिरता के लिए कई बार ध्यान केंद्रित करने के लिए तत्व पर एक ध्वज सेट करें।

afterlayout: function(form) { 
    var defaultFocusCmp = form.down('[name=first]'); 
    if (!defaultFocusCmp.focused) { 
    defaultFocusCmp.focus(); 
    defaultFocusCmp.focused = true; 
    } 
}