सॉर्ट के आधार पर कर्सर शैली बदलें या

Question

मैं jqGrid का उपयोग कर रहा हूं और 3 कॉलम हैं जिन्हें सॉर्ट नहीं किया जा सकता है। इस बिंदु पर कर्सर एक हाथ में बदल जाता है जब उपयोगकर्ता शीर्ष पर सेट सॉर्ट किए बिना हेडर पर होवर करता है। मैं चाहता हूं कि कर्सर उन कॉलम हेडों पर हाथ (टेक्स्ट या पॉइंटर) के अलावा कुछ और हो। यह उपयोगकर्ताओं को इस तरह से भ्रमित कर रहा है। क्या यह कुछ सेट किया जा सकता है?

धन्यवाद, मार्क

Answer 1

मुझे प्रश्न बहुत अच्छा लगता है। तो मुझसे +1।

आप पहले व्यक्ति नहीं हैं (और अंतिम नहीं) जो गैर-क्रमबद्ध कॉलम पर एक और कर्सर रखना चाहते हैं। यह दयालु है, लेकिन jqGrid आपको कक्षाओं या कुछ अन्य सरल विशेषताओं को नहीं देता है जिनका उपयोग उन तत्वों को खोजने के लिए किया जा सकता है जिन पर कोई सीएसएस "कर्सर: डिफ़ॉल्ट" सेट कर सकता है।

तो मैं निम्नलिखित कोड के साथ ऐसा करने का सुझाव देते हैं:

var myGrid = $("#list"); 

// create the grid 
myGrid.jqGrid({ 
    // all jqGrid parameters 
}); 

// fix cursor on non-sortable columns 
var cm = myGrid[0].p.colModel; 
$.each(myGrid[0].grid.headers, function(index, value) { 
    var cmi = cm[index], colName = cmi.name; 
    if(!cmi.sortable && colName!=='rn' && colName!=='cb' && colName!=='subgrid') { 
     $('div.ui-jqgrid-sortable',value.el).css({cursor:"default"}); 
    } 
}); 

आप पर the demo कि विधि काम रहते हैं देख सकते हैं। डेमो में अंतिम कॉलम 'नोट्स' गैर-क्रमबद्ध है।

यह अच्छा होगा अगर ऐसा व्यवहार jqGrid के अगले संस्करण में मानक होगा। मैं समय खोजने और सुझाव लिखने की कोशिश करूंगा कि jqGrid के कोड से क्या व्यवहार को बाहर-द-बॉक्स बनाने के लिए बदला जाना चाहिए।

अद्यतन: गैर-क्रमबद्ध कॉलम पर कर्सर के साथ समस्या free jqGrid 4.8 में मौजूद नहीं है।

Answer 2

अतः आपका स्वागत है।

बिल्कुल। सीएसएस:

th.unsortableclass { 
cursor: default; 
} 

अब उस कक्षा को अपने कॉलम हेडर पर लागू करें जो क्रमबद्ध नहीं हैं।

Answer 3

$("jquery selector to pick only non-sorted columns").css("cursor", "default"); 

Answer 4

ओलेग का उदाहरण बहुत अच्छा काम करता था लेकिन कॉलम को क्रमबद्ध करने पर मुझे हमेशा तीरों को दिखाने का अनुरोध था। मुझे पता है कि मैं टिप्पणी कर रहा हूं लेकिन सोचा कि किसी के पास एक ही आवश्यकता हो सकती है।

jQuery('span.s-ico',value.el).remove();

अपने कोड तो बाद चलता है:

तो मैं अपने पाश को यह जोड़ा

jQuery(".s-ico").show();

और फिर बनाने के मेरे ग्रिड को यह कहा:

onSortCol:function(index, iCol, sortorder){ 
    // redisplay all arrows 
    jQuery(".s-ico").show(); 
}