WebSquere 설정 및 기본 스크립트

1. DATA COLLECTION 생성

- MAP

<w2:dataMap baseNode="map" id="dm_resultMap">

<w2:keyInfo>

<w2:key id="resultCode" name="결과코드" dataType="text"></w2:key>

<w2:key id="resultMsg" name="결과메시지" dataType="text"></w2:key>

<w2:key id="totCnt" name="건수" dataType="text"></w2:key>

<w2:key id="pageSize" name="페이지수" dataType="text"></w2:key>

<w2:key id="redirectUrl" name="리다이렉트URL" dataType="text"></w2:key>

</w2:keyInfo>

</w2:dataMap>

- LIST 

<w2:dataList id="dl_dstdInsrncCmmnIncyCodeList" baseNode="list" saveRemovedData="true" repeatNode="map">

<w2:columnInfo>

<w2:column id="icnyCd" name="보험사 코드" dataType="text"></w2:column>

<w2:column id="icnyNm" name="보험사 명" dataType="text"></w2:column>

<w2:column id="jurirno" name="법인 번호" dataType="text"></w2:column>

<w2:column id="bsnmNo" name="사업자 번호" dataType="text"></w2:column>

<w2:column id="icnyAdres" name="보험사 주소 명" dataType="text"></w2:column>

<w2:column id="cttmltBeginDe" name="위탁 판매 개시 일자" dataType="text"></w2:column>

<w2:column id="cttmltEndDe" name="위탁 판매 종료 일자" dataType="text"></w2:column>

<w2:column id="chpsnNm" name="담당자 명" dataType="text"></w2:column>

<w2:column id="chpsnTelno" name="담당자 전화 번호" dataType="text"></w2:column>

<w2:column id="chpsnCryalTelno" name="담당자 휴대폰 번호" dataType="text"></w2:column>

<w2:column id="chpsnEmailAdres" name="담당자 이메일 주소 명" dataType="text"></w2:column>

<w2:column id="rmCn" name="비고 내역" dataType="text"></w2:column>

<w2:column id="frstRegisterId" name="최초 등록자 ID" dataType="text"></w2:column>

<w2:column id="frstRegistDt" name="최초 등록 일시" dataType="text"></w2:column>

<w2:column id="lastUpdusrId" name="수정자 ID" dataType="text"></w2:column>

<w2:column id="lastModfDt" name="수정 일시" dataType="text"></w2:column>

</w2:columnInfo>

</w2:dataList>

2. 서브미션 생성 후 서브미션 실행

var submission = $w.getSubmission("retrieveMmnyInsrnccntrctStatsList");

submission.action = "/" + CommonUtil.getContextName() + "/dmi/si/ext/retrieveMmnyInsrnccntrctStatsList.do";

$w.executeSubmission("retrieveMmnyInsrnccntrctStatsList");

3. 서브미션 콜백

scwin.retrieveMmnyInsrnccntrctStatsList_submitdone = function(e) {

fn_error_msg_proc(); // 오류 메시지 등 공통 처리

//그리드 타이틀 년도 설정

cidDivYear.setValue( dm_mmnyInsrnccntrctStatsSearchForm.get( "searchYear" ) +"년 "+ dm_mmnyInsrnccntrctStatsSearchForm.get( "searchMonth" )+ "월 ");

};

4. 퓨전차트 적용

<w2:fusionchart plotColor="" valueNode="" seriesColumns="[['smAm','houseAm','grnhAm']]" seriesType="advanced" labelNode="ctprvnNm" 

runflashAt="IE6,IE7,IE8" dataList="" id="sidoMnbyAmGrp" seriesNode="" chartType="MSColumn2D" 

ref="data:dl_fyerSidoMnbyPymntSttusListGraph" style="position: relative ;text-align:center;width:100%;height:100%;" 

drawType="javascript" accessibility="false">

</w2:fusionchart>

- SCRIPT

ref : 에 데이터 컬렉션 연결

labelNode에 X 값 

//월별 금액 그래프

function fn_sidoMnbyAmGrp()

{

//chart 속성 설정

var chart_options = {

caption : cidSearchMonth.getValue()+"월 보험사별 보험금 지급현황 조회(금액)"

, baseFont : "맑은고딕"

, baseFontSize : 12

, showvalues : "0"

, valueposition: "auto"

, rotateValues: "0"

, placeValuesInside: "0"

, yAxisName : "금액"

, xAxisName : "월"

, numberSuffix : "원"

};

 

sidoMnbyAmGrp.setChartAttribute( chart_options );

};

//그래프 이미지 출력

scwin.btnSidoMnbyAmGrpImg_onclick = function() {

sidoMnbyAmGrp.exportJSChart("png"); 

};