본문 바로가기
IT

리얼그리드 드롭다운 (드롭박스 , 콤보) - 동적으로 보여주기

by 달남 2019. 9. 25.

기본 설정은 아래와 같다.

,{  name: "col5",
                        fieldName: "field5",
                        header : { text: "<spring:message code="code.m10098" />" }  //출력구분
                        ,styles: { "textAlignment": "center" ,"paddingLeft": "0"}
                        ,lookupDisplay: true
                        ,editable: true
                        ,values: ["0", "1"]
                        ,labels: ['<spring:message code="code.m30166" />', '<spring:message code="code.m30167" />']
                        ,alwaysShowEditButton:true
                        ,editor: {
                            type: "dropDown",
                        }
                        ,width: 60
                    }

 
아래와 같이 설정한다.
 

// 출력구분을 동적으로 보여주기 위한 설정
        var col5_label_T = ['<spring:message code="code.m30166" />', '<spring:message code="code.m30167" />'] ;
        var col5_label_F = [ '<spring:message code="code.m30166" />'];	
        var col5_values_T = ["0", "1"] ;
        var col5_values_F = ["0"];
        var column = gridView.columnByName("col5");
		// 출력구분을 동적으로 보여줌	
		if(dataProvider.getValue(newRow,"field52") == "2"){
			column.labels = col5_label_T;
			column.values = col5_values_T;
            console.log("col5_1");
		}else{
			column.labels = col5_label_F;
			column.values = col5_values_F;
            console.log("col5_2");
		}
        gridView.setColumn(column);

 
참고 사이트
http://help.realgrid.com/tutorial/b7-9/
디비에서 읽어온것을 설정할 수도 있다.
http://help.realgrid.com/faq/2015/05/29/FaqRealGrid-16.html

function setColumns(grid) {
    var values = [];
    var labels = [];

    var columns = [{
        "name" : "code",
        "fieldName" : "code",
        "width" : 90,
        "header" : { "text" : "영업부서" },
        "styles" : { "textAlignment" : "center" },
        "lookupDisplay" : true,
        "values": values,
        "labels": labels,
        "editor" : {
            "type" : "dropDown"         
        }
    }]; 

    //영업부서 column의 속성 values,labels에 값을 설정 후 setColumns로 컬럼 구성.
    $.post("/realgrid/product/dptCode.do",function(json){
        $.each(json,function(k,v){
            values.push(v.code);
            labels.push(v.name);
        });
            grid.setColumns(columns);
    });
}




아래는 광고입니다

#7등급중고차할부
#8등급중고차할부
#개인워크아웃중고차
#개인회생자동차할부
#개인회생자중고차
#개인회생중고차
#개인회생중고차구매
#개인회생중고차구입
#개인회생중고차대출
#무직자중고차할부
#신불자중고차
#신불자중고차할부
#신용불량자중고차
#신용회복중고차할부
#신용회복중중고차
#연체자중고차
#저신용중고차할부
#중고차개인회생
#파산면책중고차할부
#주부중고차

어떤 부분에서 도움이 필요하신가요? 더 궁금한 점이 있으시면 마이붕붕카오  언제든지 물어보세요.

신용 때문에 자동차를 구매를 못하시는 분들을 위해서
복잡한걸 한번에 해결해 드립니다

풀할부 대출 및 여유자금 까지 해드립니다

https://odreamcar.tistory.com/m/7

신용회복 고객님 전액할부 출고합니다

마이붕붕카 회사홈페이지 입니다. 아래 영상 보시고 지금 바로 김명선 대표에게 연락주세요 010-4619-6842 전화하기

odreamcar.tistory.com

댓글