기본 ax:common-code 의 groupCd 문의

AXISJ AX5UI
1

안녕하세요.
axboot를 이용한 프로토타입 페이지를 제작중인 개발자입니다.
훌륭한 패키지에 감탄하고 고맙게 사용하는중입니다. ^^

아래와 같이 기본 패키지에 포함된 공통코드를 사용하고 있습니다.

<ax:td label=“대분류” width=“25%”>
<ax:common-code groupCd=“GROUP1” id=“service1” dataPath=“service1”/>
</ax:td>
<ax:td label=“중분류” width=“25%”>
<ax:common-code groupCd=“GROUP1” id=“service2” dataPath=“service2”/>
</ax:td>

대분류 셀렉트 박스를 선택하면 선택된 값으로 중분류 셀렉트 박스의 groupCd를 변경하여
중분류 셀렉트 박스 옵션을 새로 불러오고자 하는데 어떻게 접근하면 될까요?

$("#service1").change(function(){
$("#service1 option:selected").each(function(){
$("#service2").attr(“groupCd”,$(this).val());
});
});

위처럼 접근하였으나 변화가 없어 문의합니다.
바쁘시겠지만 확인 부탁드립니다.

감사합니다!

2

dataPath를 사용중이시니까 setModel 을 이용하여 처리 하는 것이 좋겠습니다.

var modelData = this.model.get();

modelData.service2 = x;

this.model.setModel(modelData);

이렇게 하면 모델값이 변화된 데로 dataPath에 연결된 엘리먼트 값이 변경됩니다.

3

답변 감사드립니다.
아래와 같이 구현하였는데

	$("#service1").change(function(){ 
		$("#service1 option:selected").each(function(){ 
			var x = $(this).val();

			this.model = new ax5.ui.binder();
			var modelData = this.model.get();
			modelData.service2 = x;
			this.model.setModel(modelData);

		});  
	});

this.model.setModel(modelData);–>여기서 아래와 같은 에러가 났습니다.

ax5binder.js:469 Uncaught TypeError: Cannot read property ‘find’ of null
at e._binding (ax5binder.js:469)
at e.setModel (ax5binder.js:139)
at HTMLOptionElement. (mip_case.js?ver=1.05:469)
at Function.each (jquery.js:370)
at pe.fn.init.each (jquery.js:137)
at HTMLSelectElement. (mip_case.js?ver=1.05:454)
at HTMLSelectElement.dispatch (jquery.js:5226)
at HTMLSelectElement.m.handle (jquery.js:4878)

제 코드에 문제가 있는것인가요?

4

http://ax5.io/ax5ui-select/demo/cascade-select.html

와 같은 기능을 구현하려고 하는데

<ax:common-code groupCd=“GROUP1” id=“service1” dataPath=“service1”/>
<ax:common-code groupCd=“GROUP2” id=“service2” dataPath=“service2”/>

common-code tag에서 groupCd 값으로 옵션을 읽어오는 부분을 동적으로 구현하기가 어렵습니다.

5

this 사용법부터 익히셔야 될 것 같습니다.


$('#service1').on('change', function(){
  // 여기서 this는 무엇일까요?
  // 여기서 this안에 model이 있을까요?
});