मैं एक jqgrid कस्टम फॉर्मेटर में किसी सेल के पृष्ठभूमि रंग को कैसे बदल सकता हूं?

Question

मैं jqgrid कस्टम फ़ॉर्मेटर में ऐसा करने से पाठ का रंग बदल सकते हैं:

function YNFormatter(cellvalue, options, rowObject) 
{ 
    var color = (cellvalue == "Y") ? "green" : "red"; 
    var cellHtml = "<span style='color:" + color + "' originalValue='" + 
           cellvalue + "'>" + cellvalue + "</span>"; 

    return cellHtml; 
} 

लेकिन मैं अब पूरी कोशिका (बजाय पाठ रंग) की पृष्ठभूमि रंग बदलना चाहते हैं।

क्या यह संभव है?

Answer 1

आप कस्टम सेल फ़ॉर्मेटर आप कस्टम फ़ॉर्मेटर

return '<span class="cellWithoutBackground" style="background-color:' + 
     color + ';">' + cellvalue + '</span>'; 

जहां span.cellWithoutBackground की शैली आप कर सकते हैं से लौट सकते हैं के अंदर <span> तत्व उपयोग करना चाहते हैं उदाहरण के लिए परिभाषित करें जैसे

span.cellWithoutBackground 
{ 
    display:block; 
    background-image:none; 
    margin-right:-2px; 
    margin-left:-2px; 
    height:14px; 
    padding:4px; 
} 

यह कैसे काम करता आप लाइव here देख सकते हैं:

UPDATED: जवाब पुराना है। सर्वोत्तम कस्टम प्रैक्टर्स के बजाय colModel में cellattr कॉलबैक का सबसे अच्छा अभ्यास करना होगा। सेल के पृष्ठभूमि रंग को बदलना आम तौर पर कॉलम की कोशिकाओं (<td> तत्वों) में style या class विशेषता निर्दिष्ट करता है। cellattrcolModel के कॉलम में परिभाषित कॉलबैक वास्तव में ऐसा करने की अनुमति देता है। कोई भी पूर्वनिर्धारित स्वरूपणformatter: "checkbox", formatter: "currency", formatter: "date" और इसी तरह का उपयोग कर सकता है, लेकिन फिर भी कॉलम में पृष्ठभूमि रंग बदल सकता है। उसी तरह rowattr कॉलबैक, जो jqGrid विकल्प (colModel के विशिष्ट स्तंभ के बाहर) के रूप में परिभाषित किया जा सकता है, पूरी पंक्ति (<tr> तत्व) की शैली/वर्ग आवंटित करने के लिए अनुमति देता है।

cellattr के बारे में अधिक जानकारी here और here पाया जा सकता है, उदाहरण के लिए। Another answer बताता है rowattr।

Answer 2

यहाँ

$("#cell").setCell(Row , Column, Value, { background: '#888888'}); 

वास्तव में आप भी, कस्टम फ़ॉर्मेटर की जरूरत नहीं होगी अगर आप सिर्फ रंग की स्थापना के लिए यह करने के लिए करना चाहते हैं। तुम भी, यहां से की तरह रंग मूल्य निर्धारित कर सकते हैं

var color = (Value == "Y") ? "green" : "red"; 
$("#cell").setCell(Row , Column, Value, { background: '#888888', color: color}); 

मुबारक कोडिंग।

Answer 3

यहाँ मैं क्या किया है:

jQuery("#grid_id").jqGrid({ 
    ... 
     colModel: [ 
      ... 
      {name:'price', index:'price', width:60, align:"center", editable: true, formatter:myFmatter}, 
      ... 
     ], 
     afterInsertRow: function(rowId, data) 
     { 
      $("#grid_id").setCell(rowId, 'price', '', {'background-color':'#' + data.colorHEX}); 
     } 
... 
});