jqGrid 새로 추가 된 행을 강조 표시합니다.

Question

jqGrid에서 새로 추가 된 행을 강조 표시 할 수 있습니까? 하이라이트 효과는 다음과 같습니다. Highlight Effect

새 행이 추가되면 행이 강조 표시되어 사용자가 어떤 레코드가 새로운 것인지를 명확하게 나타냅니다.

감사합니다.

Answer 1

예, 다음을 사용하여 새로 추가 된 행을 간단히 강조했습니다. 그것은 사용자가 새로운 데이터가 알려 멋진 효과를, 그리고 당신이 찾고있는 것을 같은 소리 : 나는 당신이 "형태의 편집에 관하여 (에 추가 행을 선택하려면 수정 이해한다면

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

Answer 2

이미 행에 대해 어떤 정보가 있습니까?

행 ID가 있습니까? 또는 키로 표시된 필드 값?

이렇게 정의 된 행을 만듭니다. 행 ID는 키 값과 같습니다.

<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 옵션을 당신이 그것을 같은 행의 많은 반환 및 또는 열 경우 false로 gridview에 옵션을 변경하지 않는 것이 좋습니다 사실

로 설정되어있는 경우이 이벤트가 발생하지 않습니다 성능에 큰 영향을 미칩니다.

행을 추가하는 방법에 대한 설명을 요청했지만 의견을 제시 할만한 충분한 점수가 없습니다.

Answer 3

+ "). 양식 편집은 이벤트 수정 후 수정 기능을 추가하는 데 사용할 수있는 afterComplete 이벤트를 지원합니다. 예를 들어, 모든 행, 다음 jQuery.jgrid.edit의 일반 설정을 사용할 수 있습니다 추가로 하이라이트 효과를 갖고 싶어 : 당신이 row.effect("highlight", {}, 3000); (더 빨강 색)을 사용하지 될 경우

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); 
     } 
    } 
}); 

, 당신은 효과를 강조 표시됩니다, 추가 된 행이 기본값별로 선택되므로 약간 분명하지는 않습니다.

선택한 모눈에만 강조 표시를 사용하도록 코드를 수정할 수 있습니다.