सेल पर क्लिक करते समय स्क्रॉलिंग से extjs ग्रिड को कैसे रोकें?

Question

मैं वर्तमान में संपादन योग्य ग्रिड उदाहरण के आधार पर Extjs 4 के साथ ग्रिड घटक का उपयोग कर रहा हूं। मैं प्रत्येक सेल से जुड़ा एक लिंक चाहता हूं ताकि जब मैं किसी सेल पर क्लिक करता हूं तो यह मुझे दूसरे पृष्ठ पर ले जाता है। हालांकि, जब लिंक पर क्लिक करते समय पृष्ठ पर ट्रिगर किया गया एक लंबवत स्क्रॉल होता है।

उदा। http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/cell-editing.html के आकार को कम करने का प्रयास करें, ग्रिड पर पहला क्लिक पृष्ठ को स्क्रॉल करता है ताकि ग्रिड केंद्र पर हो और घटना निगल जाए। सेलक्लिक घटना पंजीकृत करने के लिए आपको फिर से क्लिक करना होगा। यह केवल आईई में होता है (मैं संस्करण 8 का उपयोग कर रहा हूं)। अच्छी खबर यह है कि यह अन्य ब्राउज़रों के साथ नहीं होता है, क्या यह एक बग हो सकता है और क्या यह पहली स्क्रॉलिंग कार्रवाई होने से रोकने का कोई तरीका है?

धन्यवाद

Answer 1

मैं एक ही समस्या थी और पाया देने के लिए सेन्चा चर्चा बोर्ड पर एक समाधान।

इस कोड को जोड़ा जा रहा है मेरे लिए काम किया:

selModel: Ext.create('Ext.selection.Model', { listeners: {} }), 

अधिक जानकारी: http://www.sencha.com/forum/showthread.php?133983-How-to-prevent-extjs-grid-from-scrolling-when-clicking-on-a-cell

Answer 2

इस इस समस्या के समान हो सकता है: In IE7 the first click on a grid causes an ExtJS Ext.grid.GridPanel to jump to the top of the page कोशिश स्थिति: रिश्तेदार; ज़ूम: 1 ग्रिड चारों ओर कंटेनर पर यह

hasLayout

Answer 3

इस पैच

Ext.override(Ext.selection.RowModel, { 
    onRowMouseDown: function(view, record, item, index, e) { 
     //IE fix: set focus to the first DIV in selected row 
     Ext.get(item).down('div').focus(); 

     if (!this.allowRightMouseSelection(e)) { 
      return; 
     } 

     this.selectWithEvent(record, e); 
    } 
}); 

Answer 4

मैं 4.2 आज ExtJS के साथ इस एक ही समस्या थी आजमाएँ और पहले समाधान मेरे लिए काम नहीं कर रहे थे, ग्रिडपैनल पर इस कॉन्फ़िगरेशन का उपयोग पूरी तरह से समस्या को संभाला:

viewConfig: { 
    focusRow: Ext.emptyFn 
} 

उदाहरण के लिए:

Ext.create('Ext.grid.Panel', { 
    title: 'Simpsons', 
    store: Ext.data.StoreManager.lookup('simpsonsStore'), 
    viewConfig: { 
     focusRow: Ext.emptyFn 
    } 
    columns: [ 
     { text: 'Name', dataIndex: 'name' }, 
     { text: 'Email', dataIndex: 'email', flex: 1 }, 
     { text: 'Phone', dataIndex: 'phone' } 
    ], 
    height: 200, 
    width: 400, 
    renderTo: Ext.getBody() 
});