게시판을 이용해 주셔서 감사합니다.
다음양식에 맞게 입력해주세요.
**필수입력사항**
* 고객(업체)명 : 일월
* 제품 버전 : 5.0
* 문의 유형(질문/요청/참조) : 그리드에 이미지표현하기
* 내용 : 안녕하세요
그리드에 이미지표현하는 sample을 down받아 test하고 있는데 잘되지 않습니다.
아예 data도 불러오질 않네요
이미지불러오는 것도(selectimage.jsp) 제대로 실행되는 거 같지 않은데 아래내용이 궁금합니다.
우선
1. selectimage.jsp는 제대로 실행된 거는 맞는지요?
2. 실행이 제대로 안된다면 오류message는 어떻게 자바스크립트에서 받아볼 수 있을까요?
3. selectimage.jsp가 제대로 실행되었다면 왜 이미지가 안뿌려질까요?
data.csv는 첨부합니다.
그리고 C:\image directory에는 아래의 이미지들이 존재합니다
"img1.gif", "img2.gif", "img3.gif",
-------------------------------------------------
view.html입니다
<html><head>
<meta http-equiv="Content-Type" content="text/html" charset="euc-kr">
<!-- 데이터셋 컴포넌트 -->
<object id=DS classid=CLSID:2506B38B-0FF7-4249-BA3E-8BC1DC399FBB>
</object>
<!-- 이미지 데이터셋 컴포넌트 -->
<object id=IMG_DS classid=CLSID:2B0B1D8B-CAAA-4E06-BD9A-A09A916BD67A>
</object>
<script language="javascript">
function fcOnload() {
IMG_DS.DataID ="selectImage.jsp";
IMG_DS.Reset();
}
function Fn_Reset() {
DS.DataID = "data.csv";
DS.Reset();
}
</script>
<script language="javascript" for="IMG_DS" event=OnLoadCompleted()>
Fn_Reset();
</script>
<script language="javascript" for="IMG_DS" event=OnLoadError()>
alert("Version : " + IMG_DS.Version + " \n Error Code = " + IMG_DS.ErrorCode + "\n" + "Error Message = " + IMG_DS.ErrorMsg);
alert(IMG_DS.ErrorMsg );
</script>
</head>
<body onload="fcOnload()">
<!-- 그리드 컴포넌트 -->
<object id="GRID" classid="clsid:EA8B6EE6-3DD8-4534-B4BB-27148CF0042B" style="width:800px;height:250px;">
<Param Name="DataID" value="DS">
<param name=ImgDataID value="IMG_DS">
<Param Name="Editable" value=True>
<Param Name="AllShowEdit" value=True>
<Param Name="Format" value='
<C> id=Level name=Level width=50 align=center</C>
<C> id=Deptcd name=Deptcd width=110 align=center</C>
<C> id=Deptnm name=Deptnm width=110 align=center</C>
<C> id=ImgC name=ImgC width=110 align=center</C>
<C> id=ImgD name=ImgD width=110 align=center</C>
<C> id=ImgO name=ImgO width=110 align=center</C>
<C> id=imgID,name=이미지,width=115,headbgcolor="#2D2478",bgcolor="#C0E0FF",align="center",SubBgColor="ffffff",sumbgcolor="#E2C8E4",headcolor="#F0F8FF",imgcol="true",imgfitstyle=1</C>
<C> id=ImgC name=ImgC width=50 align="center" ,imgcol="true" ImgFitStyle="1"</C>
<C> id=ImgD name=ImgD width=50 align="center" ,imgcol="true" ImgFitStyle="1"</C>
<C> id=ImgO name=ImgO width=50 align="center" ,imgcol="true" ImgFitStyle="1"</C>
'>
</object>
</body>
</html>
------------------------------------------------------
selectImage.jsp입니다
<%@ page import="java.io.*,
java.util.*,
java.text.*,
com.gauce.*,
com.gauce.io.*,
com.gauce.http.*"
%>
<%
HttpGauceResponse gResponse = null;
GauceOutputStream gos = null;
File f = null;
FileInputStream fis = null;
try {
gResponse = ((HttpGauceResponse) response);
gos = gResponse.getGauceOutputStream();
GauceDataSet dSet = new GauceDataSet();
gos.fragment(dSet, 40);
// 이미지가 들어있는 경로(상대경로지정)
String imgDir = "C:\\image\\";
// 이미지 리스트 이미지파일명 지정
String[] imgList = new String[] {
"img1.gif",
"img2.gif",
"img3.gif",
};
// 이미지 ID(Key) 리스트 [외부 데이터셋의 컬럼값과 매칭되는 이미지 구분자]
////////////////// 데이터셋 컴포넌트의 ID와 매칭되야 한다. /////////////////
String[] imgIdList = new String[] {
"ID1",
"ID2",
"ID3",
};
for ( int i=0; i<imgList.length; i++ ) {
f = new File(imgDir + imgList[i]);
fis = new FileInputStream(f);
dSet.put("img", fis, f.length()); // 이미지를 담을 컬럼에 FileInputStream을 넣어 준다.
dSet.put("img_id", imgIdList[i], 100); // imgIdList에 넣은 image ID값을 데이터셋에 넣어준다.
dSet.put("img_size", (int)f.length(), 100); // 이미지의 SIZE를 지정한다.
dSet.heap();
}
}
gos.write(dSet); //만든 데이터셋을 리턴한다.
} catch (Exception e) {
((HttpGauceResponse) response).addMessage(e);
e.printStackTrace();
} finally {
try {fis.close();} catch(Exception e) { ((HttpGauceResponse) response).addMessage(e); }
if (gos != null) {
try {
gos.close();
} catch(IOException ioe) {
gos = null;
}
}
}
%>
|
|
안녕하세요.
Grid 이미지 표현 샘플은 아래 URL 에서 다운로드 받으실 수 있습니다.
http://member.shift.co.kr/index.php?document_srl=230286
또한 샘플을 다운로드 받아 환경에 맞게 URL, 파일 이미지 경로등 소스 수정이 필요합니다.
기본적으로 아래 사항을 확인 해 보시고 안되는 경우 원격지원을 받아보시기 바랍니다.
1. 컴포넌트가 설치 여부 확인.
(1) Internet Explorer 실행 후 sample 페이지 호출
(2) 도구 > 추가기능관리 클릭
(3) 컴포넌트 load 여부 확인 (MxGrid, MxTree, MxMenu, MxDataSet, MxImageSet)
2. JavaScript 오류 확인
3. 서버 오류 확인
- was log 확인
감사합니다.