asp. net 2.0 에서 gridview 에 밝 은 이동 줄 추가

외국인 블 로 그 를 보고 asp. net 2.0 의 gridview 에서 사용자 가 gridview 에서 마우스 로 각 줄 을 위 에서 아래로 스 캔 할 때 이동 한 줄 을 밝 게 표시 하 는 효과 가 있 습 니 다.
자 바스 크 립 트 로 쓴 것 은 그런대로 간단 하 다.

onclick='javascript:Repeater_selectRow(this, "<%#DataBinder.Eval(Container.DataItem, "ProductID")%>",true);' onmouseover='javascript:Repeater_mouseHover(this);' >

Product Id	Product Name	UnitPrice
<%#DataBinder.Eval(Container.DataItem, "ProductID")%>	<%#DataBinder.Eval(Container.DataItem, "ProductName")%>	<%#DataBinder.Eval(Container.DataItem, "UnitPrice")%>

그 다음 에 각 줄 의 ID 를 숨겨 서 서버 에서 호출 할 수 있 도록 합 니 다.

그리고 자 바스 크 립 트 가 CSS 효 과 를 실현 합 니 다.

function Repeater_selectRow(row, ProductId)

{

var hdn=document.Form1.hdnProductID;

hdn.value = ProductId;

if (lastRowSelected != row)

{

if (lastRowSelected != null)

{

lastRowSelected.style.backgroundColor = originalColor;

lastRowSelected.style.color = 'Black'

lastRowSelected.style.fontWeight = 'normal';

}

originalColor = row.style.backgroundColor

row.style.backgroundColor = 'BLACK'

row.style.color = 'White'

row.style.fontWeight = 'normal'

lastRowSelected = row;

}

}

function Repeater_mouseHover(row)

{

row.style.cursor = 'hand';

}

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

GridView의 데이터를 EXCEL로 내보내기

백그라운드에서 데이터 조회 작업을 할 때, 우리는 GridView 컨트롤러를 사용하여 데이터 표시를 할 수 있습니다. 때로는 GridView 컨트롤러에 표시된 데이터를 EXCEL 파일로 내보내야 하고, GridVie...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

asp. net 2.0 에서 gridview 에 밝 은 이동 줄 추가

좋은 웹페이지 즐겨찾기