dhtmlXGrid에서 검색 조건에 해당하는 항목들 하이라이트 및 볼드처리 하기 (정규식 RegExp, JQuery contains 활용)

개발 환경은 model1(구더기)이며 dhtmlXGrid가 적용된 케이스다. https://docs.dhtmlx.com/grid__index.html 여기서 문서를 아무리 찾아봐도 그리드 td를 생성할 때 각각 행에 class를 부여하는 방법도 나오지 않아서 그리드를 로드 한 후에 호출되는 콜백 함수를 통해 개발했다. 기본적으로 소스는 jQuery와 Javascript를 활용했다. 해당 함수는 dhtmlXGrid에서 제공한다. myGrid.load(gridQString, function(){ }); 이녀석은 dhtmlXGrid가 그리드를 모두 그린 후에 호출된다. 그러면 이제 그리드를 모두 그린 후에 스크립트 단에서 검색 조건 데이터 단어를 기준으로 찾아내서 하이라이트 처리와 볼드처리만 해주면 된다. 말이 하이라이트처리지 그냥 background의 색상을 yellow로 지정해줬다. 먼저 css 부분이다. <style> .txt-hlight { background: yellow; ...

원문링크 : dhtmlXGrid에서 검색 조건에 해당하는 항목들 하이라이트 및 볼드처리 하기 (정규식 RegExp, JQuery contains 활용)