2011-05-23 16 views
5

हमारे पास एक एक्स्टजेस ग्रिड पैनल है जो बहुत सारे कॉलम (आईएमओ) को शामिल करने के लिए उभरा है, इसलिए मैं कुछ पंक्ति को मुख्य पंक्ति के "उप-पंक्तियों" में जोड़ना चाहता हूं। पसंद:एक्स्टजेस ग्रिड पैनल - प्रति पंक्ति एकाधिक "पंक्तियां"?

डेटा 1 | डेटा 2 | डेटा 3 | डेटा 4 | डेटा 5
    कुछ अतिरिक्त डेटा जो
डेटा 1 | डेटा 2 | डेटा 3 | डेटा 4 | Data5
    कुछ अतिरिक्त डेटा कि spans

मैं expander प्लगइन के बारे में पता कर रहा हूँ, लेकिन हम विस्तृत/संक्षिप्त करें कार्यक्षमता की जरूरत नहीं होगी और हमेशा उप पंक्तियों खुला जरूरत है।

कोई विचार या विचार?

अग्रिम धन्यवाद।

उत्तर

16

आप ExtJS -4 का उपयोग कर रहे हैं, तो

// ... 
var rowBodyFeature = Ext.create('Ext.grid.feature.RowBody', { 
    getAdditionalData: function(data, rowIndex, record, orig) { 
     var headerCt = this.view.headerCt, 
     colspan = headerCt.getColumnCount(); 
     return { 
      rowBody: "HELLO WORLD!", // do something with record 
      rowBodyCls: this.rowBodyCls, 
      rowBodyColspan: colspan 
     }; 
    } 
}); 

Ext.create('Ext.grid.Panel', { 
    // ... 
    features: [rowBodyFeature] 
    // ... 
}); 

हैं ExtJS -3 का उपयोग कर, की कोशिश:

new Ext.grid.GridPanel({ 
    //... 
    viewConfig: { 
     enableRowBody: true, 
     getRowClass: function(record, rowIndex, p, store) { 
      p.body = 'HELLOW WORLD: ' + record.get('attribute'); 
      return 'x-grid3-row-expanded'; 
     } 
    } 
+0

आप उदाहरण, [यहाँ (ExtJS 4.2.1 सहित आगे प्रलेखन, पा सकते हैं)] (http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.grid.feature.RowBody) –

0

आपको क्या करना है विस्तारक प्लगइन का उपयोग करके नेस्टेड ग्रिड को कार्यान्वित करना है। क्लिक या विस्तृत ईवेंट पर, आप उप-पंक्तियों को लोड करने के लिए अपनी पंक्ति की आईडी का उपयोग कुंजी के रूप में कर सकते हैं।

संबंधित मुद्दे