jqGrid नई जोड़ा पंक्ति

Question

पर प्रकाश डाला गया है क्या यह jqGrid में नई अतिरिक्त पंक्ति को हाइलाइट करना संभव है। हाइलाइट प्रभाव कुछ Highlight Effect

तो, जब नई पंक्ति जोड़ दी जाती है, तो पंक्ति को हाइलाइट किया जाएगा, जो उपयोगकर्ता के लिए स्पष्ट होगा कि रिकॉर्ड नया है।

बहुत धन्यवाद!

Answer 1

हां, मैंने संक्षेप में एक नई-जोड़ा पंक्ति को हाइलाइट करने के लिए निम्नलिखित का उपयोग किया है। यह बताने के लिए उपयोगकर्ता जानते हैं कि नए डेटा है एक अच्छा प्रभाव पैदा करता है, और बस की तरह आप के लिए क्या देख रहे लगता है:

jQuery("#" + rowId, "#myGrid").effect("highlight", {}, 2000); 

Answer 2

आपके पास पंक्ति के बारे में पहले से क्या जानकारी है।

क्या आपके पास पंक्ति आईडी है? या उस फ़ील्ड का मान जिसे कुंजी के रूप में चिह्नित किया गया है?

यह इस तरह परिभाषित पंक्ति बनाता है। ध्यान दें कि पंक्ति की आईडी कुंजी मान के समान ही है।

<TR id=11 class="ui-widget-content jqgrow ui-row-ltr ui-state-highlight" role=row aria-selected=true><TD title=11 role=gridcell aria-describedby=list2_id>11</TD><TD title=2007-10-06 role=gridcell aria-describedby=list2_invdate>2007-10-06</TD><TD title="Client 1" role=gridcell aria-describedby=list2_name>Client 1</TD><TD style="TEXT-ALIGN: right" title=600.00 role=gridcell aria-describedby=list2_amount>600.00</TD><TD style="TEXT-ALIGN: right" title=120.00 role=gridcell aria-describedby=list2_tax>120.00</TD><TD style="TEXT-ALIGN: right" title=720.00 role=gridcell aria-describedby=list2_total>720.00</TD><TD title="" role=gridcell aria-describedby=list2_note>&nbsp;</TD></TR> 

तो आप बस कर सकते हैं।

$("#tblselector).find("#+KeyValue").addClass("ui-state-highlight") 

यह वास्तव में पंक्ति को कैसे जोड़ा जा रहा है इस पर निर्भर करता है। आप AfterInsertRow ईवेंट का उपयोग कर सकते हैं लेकिन यह प्रत्येक पंक्ति के लिए आग लग जाएगा क्योंकि यह ग्रिड में जोड़ा जाता है। इसके अलावा घटना पर यह नोट भी है।

नोट: इस घटना gridview विकल्प सच

मैं गलत पर gridview विकल्प बदलते अगर आप या यह के रूप में बहुत सी पंक्तियाँ लौट रहे हैं और स्तंभों का सुझाव नहीं है पर सेट है आग नहीं करता है एक बड़ा प्रदर्शन प्रभाव होगा।

मैं पंक्ति के जोड़े जाने के बारे में स्पष्टीकरण के लिए पूछताछ करता हूं लेकिन टिप्पणियों के लिए पर्याप्त अंक नहीं हैं।

Answer 3

तो मैं समझता हूँ कि आप को सही आप एक पंक्ति प्रपत्र संपादन के संबंध (के साथ जोड़ा उजागर चाहते हैं " + "नेविगेशन बार में)। फॉर्म संपादन एक ईवेंट afterComplete का समर्थन करता है, जिसका उपयोग आप कुछ पोस्ट-एडिटिंग सुविधाओं को जोड़ने के लिए कर सकते हैं। उदाहरण के लिए, आप को उजागर प्रभाव है सभी पंक्तियों के साथ जोड़ा है, तो आप jQuery.jgrid.edit के लिए सामान्य सेटिंग का उपयोग कर सकते हैं चाहते हैं:

jQuery.extend(jQuery.jgrid.edit, { 
    reloadAfterSubmit: false, 
    afterComplete : function (response, postdata, formid) { 
     if (postdata.oper === "add") { // highlight on "add" only 
      var row = jQuery ("#"+$.jgrid.jqID(postdata.id), jQuery(this.gbox)); 
      row.effect("highlight", {color:"red"}, 3000); 
     } 
    } 
}); 

आप उपयोग row.effect("highlight", {}, 3000); (कोई लाल रंग) हो जाएगा, तो आप पर प्रकाश डाला प्रभाव देखेंगे, लेकिन थोड़ा स्पष्ट नहीं है, क्योंकि अतिरिक्त पंक्ति प्रति डिफ़ॉल्ट चयनित होगी।

आप केवल एक चयनित ग्रिड के लिए हाइलाइटिंग का उपयोग करने के लिए कोड को संशोधित कर सकते हैं।