[WebSquare 웹스퀘어] 마스킹(Masking) 처리 후 튤팁(tooltip)

 

" 마스킹 처리된 전화번호 보이게 한 후 mouseover 시 튤팁 현상으로 나타내는 법 "

 

1) 마스킹 처리 된 전화번호, 마스킹되지 않은 전화번호 둘다 select

SELECT
핸드폰 AS mobile,
replace(핸드폰, substr(핸드폰,-4), '****') AS mask
FROM 번호;

 

 

2) 화면에 마스킹 된 전화번호 바인딩 (mask)

 

 

3) 자바스크립트 onbodymouseover 이벤트 사용

scwin.***_onbodymouseover = function(info) {

    var mobile = dtl_searchSmsSort.getCellData(info.rowIndex, "mobile");

    if (info.colIndex == 8) { //해당 튤팁 컬럼 열번호
        $p.$("#그리드뷰ID").attr("title", mobile);
    } else {
        $p.$("#그리드뷰ID").attr("title", ""); 
    }
};