! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

auto-complete, combo-box, input-date 컨트롤 버튼 변경 > Q&A | 토론

본문 바로가기

Angular auto-complete, combo-box, input-date 컨트롤 버튼 변경

페이지 정보

작성자 초코파이 작성일 2021-10-06 11:11 조회 2,127회 댓글 0건
제품 버전 : wijmo 2021v1
컨트롤 이름 : wj-auto-complete, wj-combo-box, wj-input-date

본문

wj-auto-complete, wj-combo-box, wj-input-date


위 컨트롤의 공통점은 wj-glyph-down 이라는 버튼 스타일로 렌더링되고 있습니다.


컨트롤 속성이라던가 css 로 쉽게 다른 버튼으로 변경하고 싶습니다.


스크립트로 class add remove 하는 방법 밖에 없을까요?


예) wj-glyph-down -> wj-glyph-calendar

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

Angular Re: auto-complete, combo-box, input-date 컨트롤 버튼 변경

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루시 작성일 2021-10-07 15:31 댓글 0건

본문

안녕하세요 그레이프시티입니다.


Wijmo 클래스 추가 및 삭제를 위해서는 formatItem 이벤트 내에서 addClass, removeClass 메서드를 사용하시면 됩니다. 아래 코드는 Wijmo 그리드의 columnHeader 영역에 중 2번째 인덱스를 가진 열에는 클래스 추가 및 3번째 인덱스를 가진 열의 특정 클래스 제거를 하고 있습니다.


import * as wjcGrid from '@grapecity/wijmo.grid';
import * as wjcCore from '@grapecity/wijmo';

(...)
initializeGrid(flex: wjcGrid.FlexGrid) {
 flex.formatItem.addHandler((s: wjcGrid.FlexGrid, e: wjcGrid.CellRangeEventArgs)=>{     
if(e.panel.cellType != wjcGrid.CellType.ColumnHeader){ // 열 헤더가 아닌 경우 실행 막기
	return;
    }

  if(e.col == 2){
	wjcCore.addClass(e.cell, 'wj-glyph-calendar');
  } else if(e.col == 3){
       wjcCore.removeClass(e.cell,'wj-align-right')
  }
 });
}


[addClass]

https://demo.grapecity.co.kr/wijmo/api/index.html#addclass 

[removeClass]

https://demo.grapecity.co.kr/wijmo/api/index.html#removeclass 


도움말 문서도 같이 전달 드리며 다른 궁금한 점이 생기면, 문의 주시기 바랍니다. 


감사합니다. 

그레이프시티 드림 


* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.