websquare tooltip 말풍선

 

//화면
<style type="text/css"><![CDATA[
    .w2anchor a{white-space:pre-wrap; color:white;}
]]></style>

<xf:group class="" id="contextGroup" style="position:absolute; left:298px; width:100px; top:76px; z-index:100; display:none;">
    <xf:group class="" id="grdBodyContentBox" style="position:absolute; left: 0px; top: 0px; width: 100%">
        <w2:anchor class="" id="gridBody_anchor" label="" style="padding:1px 3px 0; line-height:14px; font-size:12px; border:0; background-color:#5c85d4; color:#fff; width:250px; >
            <xf:label style=""></xf:label>
        </w2:anchor>
    </xf:group>
</xf:group>

 

//스크립트
scwin.grd_dlt_result_tooltip = function(info,colId){
    if(grd_dlt_result.getColumnID(info.colIndex) == colId){
        var rowIdx = info.rowIndex;
        var colIdx = info.colIndex;
        
        var rowIdx2 = info.rowIndex ;//- grd_dlt_result.getTopRowIndex();
        var left = grd_dlt_result.getPosition("left")+grd_dlt_result.getCellPosition(rowIdx2, colIdx, "left")+grd_dlt_result.getCellSize(rowIdx2, colIdx, "width");
        var top = grd_dlt_result.getPosition("top")+grd_dlt_result.getCellPosition(rowIdx2, colIdx, "top")+grd_dlt_result.getCellSize(rowIdx2, colIdx, "height");
        
        //말풍선 내용 입력
        gridBody_anchor.setValue(dlt_result.getCellData(info.rowIndex, colId));
        
        contextGroup.show();
        contextGroup.setPosition(left,top);
        //contextGroup.setPosition(left,top-70);
    }
}

scwin.grd_dlt_result_onbodymouseover = function(info){
    var colId = grd_dlt_result.getColumnId(info.colIndex);
    if(colId == "testCell"){
        scwin.grd_dlt_result_tooltip(info,colId);
    }
};

scwin.grd_dlt_result_onbodymouseout = function(info){
    contextGroup.hide();
}