ExtJS 4 (सेन्चा) में ग्रिड डिफ़ॉल्ट रूप से सामग्री का चयन करने की अनुमति नहीं देते हैं। लेकिन मैं इसे संभव बनाना चाहता हूं।ExtJS 4 ग्रिड सामग्री चुनने योग्य
viewConfig: {
disableSelection: true,
stripeRows: false,
getRowClass: function(record, rowIndex, rowParams, store){
return "x-selectable";
}
},
इन सीएसएस वर्गों के साथ
(मूल रूप से हर तत्व मैं क्रोम में देख सकते हैं लक्षित कर):
/* allow grid text selection in Firefox and WebKit based browsers */
.x-selectable,
.x-selectable * {
-moz-user-select: text !important;
-khtml-user-select: text !important;
-webkit-user-select: text !important;
}
.x-grid-row td,
.x-grid-summary-row td,
.x-grid-cell-text,
.x-grid-hd-text,
.x-grid-hd,
.x-grid-row,
.x-grid-row,
.x-grid-cell,
.x-unselectable
{
-moz-user-select: text !important;
-khtml-user-select: text !important;
-webkit-user-select: text !important;
}
मुझे पता है कि आप ग्रिड ओवरराइड कर सकते हैं
मैं इस ग्रिड config की कोशिश की है नीचे वर्ण 3 में पंक्ति टेम्पलेट, लेकिन मुझे नहीं पता कि Ext 4:
templates: {
cell: new Ext.Template(
'<td class="x-grid3-col x-grid3-cell x-grid3-td-{id} x-selectable {css}" style="{style}" tabIndex="0" {cellAttr}>',
'<div class="x-grid3-cell-inner x-grid3-col-{id}" {attr}>{value}</div>',
'</td>'
)
}
कोई भी su बहुत अधिक सराहना की।
बहुत बढ़िया है, धन्यवाद के लिए चयन सक्षम कर सकते हैं। मुझे संदेह है कि यह एक संकेत है कि मैं किसी चीज के लिए ग्रिड का उपयोग करने की कोशिश कर रहा हूं जिसका मतलब यह नहीं है - मैं प्रदर्शन उद्देश्यों के लिए पूरी तरह से ग्रिड का उपयोग कर रहा था और इसकी किसी भी संपादन सुविधाओं का उपयोग नहीं कर रहा था। मैं बस एक एक्सटेम्प्लेट के साथ एक पैनल का उपयोग कर समाप्त हुआ जिसने विमान-जेन तालिका प्रदान की। – keeny
@keeny मुझे पता है कि यह वास्तव में पुराना है, लेकिन मैं अक्सर प्रदर्शन केवल प्रदर्शन के लिए ग्रिड का उपयोग करता हूं। वे सॉर्टिंग और शैली – WattsInABox