<DIV>
<H1 style="MARGIN: 0pt; FONT-FAMILY: verdana; COLOR: rgb(200,66,5)">QnA</H1>
<P style="MARGIN: 0pt; FONT-FAMILY: verdana; COLOR: rgb(200,66,5)"> </P>
<TABLE style="BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-COLLAPSE: collapse; BORDER-TOP: medium none; BORDER-RIGHT: medium none" class=MsoTableGrid border=1 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: black 1pt solid; BORDER-LEFT: black 1pt solid; PADDING-BOTTOM: 0cm; BACKGROUND-COLOR: transparent; PADDING-LEFT: 5.4pt; PADDING-RIGHT: 5.4pt; BORDER-TOP: black 1pt solid; BORDER-RIGHT: black 1pt solid; PADDING-TOP: 0cm" vAlign=top>
<P style="MARGIN: 0cm 0cm 0pt"><FONT color=#000000 size=2 face="맑은 고딕">사용언어 <FONT color=#e31600>(칠해주세요) =></FONT><FONT color=#7c84ef> C#</FONT></FONT></P></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: black 1pt solid; BORDER-LEFT: black 1pt solid; PADDING-BOTTOM: 0cm; BACKGROUND-COLOR: transparent; PADDING-LEFT: 5.4pt; PADDING-RIGHT: 5.4pt; BORDER-TOP: rgb(212,208,200); BORDER-RIGHT: black 1pt solid; PADDING-TOP: 0cm" vAlign=top>
<P style="MARGIN: 0cm 0cm 0pt"><FONT color=#000000 size=2 face="맑은 고딕">사용툴 (VS) : Microsoft visual Web Developer 2010 Express</FONT></P></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: black 1pt solid; BORDER-LEFT: black 1pt solid; PADDING-BOTTOM: 0cm; BACKGROUND-COLOR: transparent; PADDING-LEFT: 5.4pt; PADDING-RIGHT: 5.4pt; BORDER-TOP: rgb(212,208,200); BORDER-RIGHT: black 1pt solid; PADDING-TOP: 0cm" vAlign=top>
<P style="MARGIN: 0cm 0cm 0pt"><FONT color=#000000 size=2 face="맑은 고딕">운영체제 (OS) : Windows7</FONT></P></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: black 1pt solid; BORDER-LEFT: black 1pt solid; PADDING-BOTTOM: 0cm; BACKGROUND-COLOR: transparent; PADDING-LEFT: 5.4pt; PADDING-RIGHT: 5.4pt; BORDER-TOP: rgb(212,208,200); BORDER-RIGHT: black 1pt solid; PADDING-TOP: 0cm" vAlign=top>
<P style="MARGIN: 0cm 0cm 0pt"><FONT color=#000000 size=2 face="맑은 고딕">상세언어<FONT color=#e31600>(칠해주세요.) =></FONT> <FONT color=#7c84ef>ASP.NET AJAX</FONT></FONT></P></TD></TR></TBODY></TABLE>
<P><BR></P>
<P><BR>안녕하세요~</P>
<P>궁금한게 있어서 글 남깁니다..</P>
<P> </P>
<P>간략하게 프로그램에 대해 설명을 드리자면,</P>
<P> </P>
<P>몇 개의 입력 값을 받아서 그 값으로 데이터베이스의 저장프로시저를 호출합니다.</P>
<P>프로시저가 반환하는 3개의 select문의 결과 테이블이 있는데 이를 DataSet 변수를 만들어</P>
<P>Tables[2] 이런식으로 해서 가져옵니다.</P>
<P> </P>
<P>후에 DataRow 를 이용하여 arraylist에 테이블에 있는 특정 컬럼의 값들을 저장합니다.</P>
<P>StringBuilder를 이용하여 cs 파일내에 자바스크립트 코드를 넣습니다.</P>
<P>구글 라인차트에 값을 넣어줄 때 arraylist에 담겨있는 값들을 가져와서 넣어줍니다.</P>
<P> </P>
<P>이 과정들은 값을 입력한 후에 버튼을 클릭했을 때 button_Click 이벤트를 발생시켜서 모두 처리하였습니다.</P>
<P>만들어야 하는 라인 차트가 4개인데 (모듈화를 잘 못해서..) </P>
<P>클릭 이벤트 내에 각 라인차트를 위한 arraylist 변수를 만들고 StringBuilder를 만들어서 </P>
<P>4개의 자바스크립트 코드를 만들었습니다.</P>
<P> </P>
<P>문제는..</P>
<P>이 차트들을 ajax TabContainer에 넣어서 탭 키를 이동해 가며 보여주고 싶은데</P>
<P>몇 개의 값들을 입력하고 조회 버튼을 누르면 바로 직전에 열려있었던 탭의 차트의 그래프만 제대로 그려지고</P>
<P>탭을 이동하여 다른 라인 차트로 넘어가면 나머지 3개의 라인차트는 라인은 보이는데 x축, y축이 보이지 않습니다.</P>
<P> </P>
<P style="TEXT-ALIGN: center"><img src="https://t1.daumcdn.net/cfile/cafe/2073913D4FA3BA6A31" class="txc-image" style="FLOAT: none; CLEAR: none" actualwidth="824" border="0" hspace="1" vspace="1" width="824" id="A_2073913D4FA3BA6A31316A"/></P>
<P>↑ 이런 식으로 x축, y축에 아무것도 표시가 되지 않습니다.</P>
<P></P>
<P>그래서 TabContainer를 2개를 만들어 서로 다른 두개의 라인차트를 동시에 호출해 보니 </P>
<P>둘다 잘 보입니다.(다른 탭으로 이동하면 똑같이 보이지 않습니다.)</P>
<P> </P>
<P> </P>
<P>설명이 정리가 잘 되었는지 모르겠습니다..</P>
<P>고수님들! 조언 부탁드립니다~!!!!!</P></DIV>
<!-- -->
아... 위에 글이 이거랑 연결된거군요.. 음.. 맞아요 재운이가 말한대로 탭이 몇개든 미리 HTML을 다 만들어 놓는겁니다..그래서 탭을 이동하여도 보여주게 하실려면 Tab index 수 갯수만큼 페이지의 컨트롤을 다 미리 바인딩 시켜야 합니다. 검색햇을때 처음에 페이지 로딩했을댄의 처리 로직을 다시 반복해서 처리하게 만들면 될것 같습니다. 첫페이지 띄웠을때는 제대로 나온다는 조건하에요.
첫댓글 탭을 이동시, 자바스크립트를 통해서 선택한 탭 안의 소스가 실행되도록 하는건 어떨런지요. 제가 알기론 tabcontrol 은 미리 전부 바인딩 하고 이를 히든 시킨다음에 특정 탭을 선택하면 감춘 화면을 보여주는걸로 압니다.
아... 위에 글이 이거랑 연결된거군요.. 음.. 맞아요 재운이가 말한대로 탭이 몇개든 미리 HTML을 다 만들어 놓는겁니다..그래서 탭을 이동하여도 보여주게 하실려면 Tab index 수 갯수만큼 페이지의 컨트롤을 다 미리 바인딩 시켜야 합니다.
검색햇을때 처음에 페이지 로딩했을댄의 처리 로직을 다시 반복해서 처리하게 만들면 될것 같습니다.
첫페이지 띄웠을때는 제대로 나온다는 조건하에요.
고맙습니다~! 덕분에 해결했습니다~!!! 짱입니다요~!! ^^