STUDY ROOM

그리드에서 특정 컬럼만 보이게 하기 (콤보박스) 본문

Nexacro

그리드에서 특정 컬럼만 보이게 하기 (콤보박스)

Eva_0401 2020. 3. 23. 20:10

1. ComboBox에 바인딩할 Dataset을 만들어 준다(ds_prt) 

 

ds_abc

 

2.  콤보박스 만들어서 바인딩하기

 

id : edt_abcGb

 

3. Scrpit에서 콤보박스에 이벤트를 걸어준다.

 

this.div_search_edt_abcGb_onitemchanged = function(obj:nexacro.Combo,e:nexacro.ItemChangeEventInfo)
{
	this.fn_setsize();
};

 

4. 이벤트에 조건문 달아주기

this.fn_setsize = function()
 {	
		
		this.grd_main.setFormatColProperty(0,"size", 60);		 //부서
		this.grd_main.setFormatColProperty(1,"size", 60);		//이름
		this.grd_main.setFormatColProperty(2,"size", 60);		//성별
		this.grd_main.setFormatColProperty(3,"size", 60);		//번호
		this.grd_main.setFormatColProperty(4,"size", 60);		//학년
	
		var prt_GB = this.div_search.form.edt_abcGb.value	

		this.div_search.form.edt_abcGb.set_visible(true);  	//검색조건 --화면 구분
		this.div_search.form.stt_abcGb.set_visible(true); 
        
        this.div_search.form.edt_cGb.set_visible(false); //검색조건 -- C 상세
        this.div_search.form.stt_cGb.set_visible(false); 


		if(prt_GB == '01'){	//A 화면


        this.div_search.form.edt_cGb.set_visible(false); //검색조건 -- C 상세
        this.div_search.form.stt_cGb.set_visible(false); 
        
		this.grd_main.setFormatColProperty(2,"size", 0);		//성별
		this.grd_main.setFormatColProperty(3,"size", 0);		//번호
		this.grd_main.setFormatColProperty(4,"size", 0);		//학년
		
		}
		else if(prt_GB == '02') {// B 화면
		
        this.div_search.form.edt_cGb.set_visible(false); //검색조건 -- C 상세
        this.div_search.form.stt_cGb.set_visible(false); 
        
		this.grd_main.setFormatColProperty(1,"size", 0);		//이름
		this.grd_main.setFormatColProperty(4,"size", 0);		//학년
	
	
		}
		
		else if(prt_GB == '03') {//C화면
        
         	this.div_search.form.edt_cGb.set_visible(true); //검색조건 -- C 상세
        	this.div_search.form.stt_cGb.set_visible(true); 
        
         	this.grd_main.setFormatColProperty(0,"size", 0);		 //부서
		} 
		
		callback   : "fn_callback"
	

}	


* fn_callback은 따로 적음

  • setFormatColProperty

: 컬럼에 사이즈를 주는 것으로, (colNum, "size", 맞출 사이즈) 형태. 사이즈에 0을 주어 컬럼을 숨길 수 있다. 이때, 컬럼을 숨김으로써 그리드의 크기가 맞지 않을 경우 아래와 같은 action을 그리드에 추가하여준다.

 

  • set_visible(true)

: 해당 컴포넌트를 화면에 보이도록 하는 것. set_visible(false)를 통해 숨길 수 있다.

C 화면에만 보일 수 있도록 검색조건에서 사용하였다.

 

 

 

결과

 

Comments