मुझे केवल दो स्तंभों वाला ग्रिड चाहिए, एक नाम के लिए है और दूसरा प्रतिशत के लिए है। आखिरी पंक्ति में 'कुल' नाम और कुल प्रतिशत 'प्रतिशत' के रूप में होगा। यह पंक्ति केवल अन्य पंक्तियों की तुलना में अलग-अलग स्टाइल की जाएगी। कृपया मुझे मार्गदर्शन करें कि मैं इसे कैसे पूरा कर सकता हूं। धन्यवाद ..extJs 4 ग्रिड अनुकूलन - अंत में कुल पंक्ति
6
A
उत्तर
11
बिल्कुल इसे पूरा करने के लिए एक ग्रिड सुविधा है। इसमें दस्तावेज़ों में here शामिल हैं, इसका उपयोग करने के कुछ उदाहरणों के साथ दस्तावेज़ों में।
आप अपने सीएसएस में x-grid-row-summary
कक्षा का अपना कार्यान्वयन प्रदान करके शैली को भी अनुकूलित कर सकते हैं।
संपादित
यहाँ सारांश पंक्ति शैली की स्थापना, जैसा कि आप इसके बारे में जाने के लिए कुछ तरीके हैं देख सकते हैं के कुछ उदाहरण हैं। एहसास है कि सारांश पंक्तियों तक viewready
घटना होती है संदर्भित नहीं किया जा सकता है, यह afterrender
घटना में तैयार नहीं है, तो मैं एक viewready
श्रोता में यह सब तर्क रख:
Ext.create('Ext.grid.Panel', {
features: [{
ftype: 'summary'
}],
// other grid configs ...
listeners: {
viewready: function(grid) {
// get reference to the summary row
var summaryRow = grid.view.el.down('tr.x-grid-row-summary');
// this will apply a css class to the row, in this example,
// I am applying the extjs grid header style to my summary row
summaryRow.addCls('x-grid-header-ct');
// or, to do it all in javascript as you mentioned in the comment
// first you would create a style object, I took these style
// properties from the .x-grid-header-ct
aStyleObject = {
cursor: 'default',
zoom: 1,
padding: 0,
border: '1px solid #d0d0d0',
'border-bottom-color': '#c5c5c5',
'background-image': 'none',
'background-color': '#c5c5c5'
}
// then you pass the style object using setStyle
summaryRow.setStyle(aStyleObject);
// or you could set the style for each cell individually using
// addCls or setStyle:
Ext.Array.each(summaryRow.query('td'), function(td) {
var cell = Ext.get(td);
cell.addCls('some-class');
// or
cell.setStyle(anotherStyleObject);
});
}
}
});
0
अगर हम सारांश पंक्ति है (like this), बस हम विशिष्ट पृष्ठ पर सीएसएस का उपयोग कर सकते हैं।
<style>
.x-grid-row-summary .x-grid-cell{
background-color: #f00 !important;
font-size: x-large !important;
}
संबंधित मुद्दे
- 1. Extjs 4 ग्रिड findcolumn
- 2. ExtJS 4 - ग्रिड - विशिष्ट कॉलम
- 3. ExtJS 4 - ग्रिड सेल घटनाएं?
- 4. ExtJS 4
- 5. ExtJS 4 ग्रिड सामग्री चुनने योग्य
- 6. extjs ग्रिड
- 7. EXTJS + ग्रिड
- 8. चयनित पंक्ति कॉलम मान extjs ग्रिड
- 9. Extjs 4 - दो ग्रिड कॉलम का संयोजन
- 10. Extjs ग्रिड
- 11. ExtJS ग्रिड
- 12. ExtJS ग्रिड - घटना श्रोता
- 13. ExtJs 4 - एक ही ग्रिड में खींचें और छोड़ें
- 14. ExtJS 4 एमवीसी अनुप्रयोग
- 15. ExtJS 4 RowEditing रिकॉर्ड
- 16. ExtJS 4
- 17. ExtJS 4
- 18. ExtJS 4
- 19. ExtJs 4
- 20. ExtJS 4
- 21. ExtJS 4> पंक्ति संपादक ग्रिड> कैसे बदलने के लिए "अपडेट" बटन पाठ
- 22. Extjs 3 to Extjs 4
- 23. ExtJs 4.1 ग्रिड
- 24. Extjs ग्रिड पैनल -
- 25. EXtjs ग्रिड फ़िल्टर
- 26. ExtJS 4 में नियंत्रक विरासत कैसे करें?
- 27. EXTJS 4 - वैश्विक अपवाद श्रोता
- 28. छुपाएं ExtJS ग्रिड कॉलम हेडर
- 29. ExtJS ग्रिड में खाली पंक्तियां कैसे जोड़ें?
- 30. extjs में स्टोर डेटा को ग्रिड
मैं ExtJs में विन्यास के माध्यम से ग्रिड सीएसएस संशोधित कर सकते हैं। मेरा मतलब जेएस से पंक्तियों, बोरर शैली, एक्स-ग्रिड-पंक्ति-सारांश रंग का पृष्ठभूमि रंग है ?? – dev
@dev मैंने सारांश पंक्ति शैली – Geronimo
को सेट करने के कुछ उदाहरण जोड़े, धन्यवाद, यह एक अच्छा स्पष्टीकरण था – dev