SMART datagrid v1.4 > Examples

Back  Forward

Row Hovering Mask  Example

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

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


  

RowHoverMaskExtent.
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