मैं jqugrid का उपयोग jquery-ui 'चिकनीता' थीम के साथ कर रहा हूं, दुर्भाग्य से इस विषय के साथ चयनित पंक्ति पृष्ठभूमि रंग बहुत हल्का है, मैं पृष्ठभूमि रंग को और अधिक दृश्यमान बनाने के लिए बदलने की कोशिश कर रहा हूं। मैंने सीएसएस में (यूई-स्टेट-हाइलाइट) को बदलने की कोशिश की है (महत्वपूर्ण! ओवरराइड के साथ) लेकिन यह काम नहीं करता है। क्या ऐसा करने के लिए कोई सीएसएस तरीका है या शायद एक jqgrid कस्टम फॉर्मेटर जाने का तरीका है?चयनित पंक्ति पृष्ठभूमि रंग
उत्तर
कक्षा ui-state-highlight
background
सीएसएस विशेषता का उपयोग करता है। इसलिए पृष्ठभूमि छवि को हटाने के लिए background-color
के बजाय background
का उपयोग करना एक छोटी सी चाल है। उदाहरण के लिए
.ui-state-highlight { background: yellow !important; }
लाइव here देखें।
अद्यतन: !important
का उपयोग करना आवश्यक नहीं है। यह एक अधिक विशिष्ट नियम
.ui-jqgrid-btable .ui-state-highlight { background: yellow; }
या
.ui-jqgrid .ui-state-highlight { background: yellow; }
मान लीजिए अगर हम चयनित पंक्ति कोशिकाओं के लिए एक रंग और शेष पंक्तियों कोशिकाओं होने अलग रंग चाहते हैं की तरह निर्दिष्ट करने के लिए काफी है,
में नीचे दिया गया उदाहरण हाइलाइट किया गया पंक्ति कोशिका डेटा पीले रंग में होगा और शेष पंक्तियों के सेल डेटा नीले रंग में होंगे
मान लीजिए कि हमें नीले रंग की पृष्ठभूमि और पीले रंग की पृष्ठभूमि के लिए "HighlightHoldRow के लिए" नाम "holdRow" के साथ दो वर्गों है तो नीचे दिए गए कोड "RowSelect" का उपयोग करके विधि है जो पंक्ति का चयन दौरान लागू किया जाता है,
निम्नलिखित कोड पर विचार करें
.holdRow td {
font-weight : bold !important;
color: Blue !important;
}
.higLightholdRow td {
font-weight : bold !important;
color: Yellow !important;
}
var LastRowId = "";
function RowSelect(id) {
if (Flag == "TRUE") {
var grid = $('#gvName);
if (LastRowId != "" && LastRowId != undefined && LastRowId != id) {
tr = grid[0].rows.namedItem(LastRowId);
$(tr).removeClass("higLightholdRow");
$(tr).addClass("holdRow");
LastRowId = "";
}
tr = grid[0].rows.namedItem(id);
$(tr).removeClass("holdRow");
$(tr).addClass("higLightholdRow");
LastRowId = id;
}
}
Trirand ग्रिड घोषणा के दौरान हम इस क्लाइंट साइड घटना च का उपयोग कर कॉल कर सकते हैं ओलोइंग लोक
ClientSideEvents-RowSelect="RowSelect"
RowSelect विधि एक पंक्ति के चयन के दौरान उत्पन्न होता है, और चयनित पंक्ति पृष्ठभूमि के रूप में पीले रंग का होगा और शेष पंक्तियों पृष्ठभूमि के रूप में नीले रंग होगा
jQuery('#jqGrid').find('.ui-state-highlight').css('background', 'skyblue');
आप में इस तरह जोड़ सकते हैं आपकी jquery फ़ाइल
- 1. मैं डेटाग्रिडव्यू चयनित पंक्ति पृष्ठभूमि रंग कैसे बदलूं?
- 2. रूबी स्प्रेडशीट पंक्ति पृष्ठभूमि रंग
- 3. UITableViewCell चयनित पंक्ति का टेक्स्ट रंग परिवर्तन
- 4. विंडोज 7 एसडब्ल्यूटी तालिका चयनित पंक्ति हाइलाइट रंग
- 5. सूचीफ्रेजमेंट आइटम चयनित पृष्ठभूमि
- 6. RichTextBox रंग चयनित लाइनें
- 7. WP7 चयनित उच्चारण (थीम) रंग
- 8. jqGrid पंक्ति वैकल्पिक पृष्ठभूमि
- 9. एचटीएमएल <select> चयनित विकल्प पृष्ठभूमि-रंग सीएसएस शैली
- 10. किसी चयनित JToggle बटन के पृष्ठभूमि रंग को बदलना
- 11. पृष्ठभूमि चयनित रंग स्टोरीबोर्ड स्थिर कोशिकाओं को कैसे बदलें
- 12. WPF ListView - मैं चयनित आइटम पृष्ठभूमि रंग कैसे सेट करूं?
- 13. चयनित टैब रंग नीले रंग के यूआईटीएबीबार के पृष्ठभूमि रंग को कैसे बदला जाए?
- 14. एक एनएसटीबल व्यू में एक पंक्ति रंग
- 15. चयनित टेक्स्ट रंग कैसे बदलें?
- 16. JQgrid: चयनित पंक्ति से एक चयनित पंक्ति से विशिष्ट मान
- 17. चयनित विकल्प का रंग बदलें केवल
- 18. बदलें टीआर पृष्ठभूमि रंग
- 19. ttk treeview: वैकल्पिक पंक्ति रंग
- 20. RichTextBox में कुछ पंक्ति के पृष्ठभूमि रंग को कैसे बदलें?
- 21. डेटाग्रिड व्यू पंक्ति का पृष्ठभूमि रंग बदल नहीं रहा है
- 22. NavigationBar बदलें रंग (पृष्ठभूमि रंग)
- 23. सीएसएस: पृष्ठभूमि रंग पर पृष्ठभूमि छवि
- 24. jQuery पृष्ठभूमि रंग एनीमेशन
- 25. UIView पृष्ठभूमि रंग
- 26. सिल्वरलाइट डेटाग्रिड पंक्ति रंग बाध्यकारी
- 27. चयनित विगेट्स के थीम आश्रित रंग
- 28. तालिका पंक्ति पृष्ठभूमि छवि
- 29. पृष्ठभूमि रंग = बटन: IE
- 30. बदलें पृष्ठभूमि रंग WPF
धन्यवाद, यह वही है जो मैं ढूंढ रहा था! – Jeff