안녕하세요 갑자기 Dev express 를 다루게 되어 간단한 질문좀 올리겠습니다.
사용제품은 devexpresss javascript 컨트롤이고
이게기본적인 사용법일것 같은데
https://js.devexpress.com/Demos/WidgetsGallery/Demo/ColorBox/Overview/jQuery/Light/
보시다시피 color picker 콘트롤을 설명대로 입혔는데
이걸 컨트롤 하는 방법을 모르곘네요 ;;
이 컨트롤 객체에 접근해서 현재 선택된 value 값은 어떻게 접근해야 하나요??
그리고
$('#color-box-read-only').dxColorBox({
value: '#f05b41',
readOnly: true,
});
readonly 로 처음에 설정했다가 event 가 발생하면 readonly 를 풀어야 하는데 ?
이 객체에 접근해서 attribute를 수정하는 방법이 궁금합니다 ^^
데브익스프레스 컨트롤에서 공식 지원하는
방법이 있는지는 모르겠네요
GetElementById 으로 해당 컨트롤을 가져와서
SetAttribute(‘키’, 값); 으로 해당 속성 값 변경 가능합니다.
또는
Object.assign(컨트롤, {
‘키’: 값});
방식도 가능하구요
해당 컴포넌트 자체에 이벤트를 적용해야 할 경우에는 아래와 같이 적용하시면 되구요,
$('#color-box-read-only').dxColorBox({
value: '#f05b41',
readOnly: true,
onInitialized(e) {
e.component.option('value','#ff00ff');
//e.component.option('readOnly', false);
}
});
다른 컴포넌트에서 이벤트 변경 시 적용해야 할 경우에는 보여주신 예제를 응용하여 아래와 같이 하시면 됩니다.
$('#color-box-with-change-value').dxColorBox({
value: '#f05b41',
applyValueMode: 'instantly',
onValueChanged(e) {
$('#color-box-read-only').dxColorBox('instance').option('value', e.component.option('value'));
$('#color-box-read-only').dxColorBox('instance').option('readOnly', false);
},
onInput(e) {
$('#color-box-read-only').dxColorBox('instance').option('value', e.component.option('value'));
$('#color-box-read-only').dxColorBox('instance').option('readOnly', false);
},
});
});
참고하셔서 응용해보시면 될 것 같습니다~
아 역시 정식 방식이 있군요 답변주신분들 감사합니다.