SMART datagrid :: Row Hovering Mask

Row Hovering Mask Example

RowHoverMask
현재 마우스가 올라가 있는 데이터행을 DisplayOptions.rowHoverMask 속성을 이용하면 특별히 구분해서 표시할 수 있다.
Mask의 크기는 아래의 RowHoverMaskExtent로 RowHoverMask.extent 속성에 지정할 수 있다.

RowFocusMask
선택된 cell의 데이터행을 DisplayOptions.rowFocusMask 속성을 이용하면 특별히 구분해서 표시할 수 있다.
Mask의 크기는 아래의 RowHoverMaskExtent로 RowHoverMask.extent 속성에 지정할 수 있다.

RowHoverMask Visible RowFocusMask Visible

Grid - 1

rows

Code -1

   grid.setOptions({
        display: {
           rowHoverMask: true,
           styles:{
              background: "#20ff0000"
           }
        }
    });

Code -2

   grid.setOptions({
        display: {
           rowFocusMask: true,
           styles:{
              background: "#20ff0000"
           }
        }
    });

소스보기 JSP

See Also: DisplayOptions.rowHoverMask; RowHoverMask; RowHoverMaskExtent