ASP 패널이 CollapsiblePanelExtender를 통해 펼쳐질 때 telerik radhtmlchart가 더 작습니다.

Question

ajaxtoolkit CollapsiblePanelExtender를 사용하는 ASP 패널 내에 Telerik RadHtmlChart가 있습니다.

차트와 데이터 바인딩에 데이터 소스를 할당 할 때 패널이 축소 된 경우 패널이 확장 된 후에 차트가 왼쪽에서 오른쪽으로 패널 크기의 1/2 만 채 웁니다. 데이터 바인딩 중에 패널을 확장하고 차트를 표시하면 예상대로 전체 패널을 채 웁니다.

어떻게 든 패널이 확장되어 차트에 크기 조정/다시 그리기 및 패널에서 사용 가능한 공간 채우기를 알리는 것이 필요하지만 지금까지 아무런 기쁨도 얻지 못했습니다.

또는 패널이 축소 된 경우에도 차트가 사용 가능한 공간을 채우는 데 도움이 될만한 컨트롤에 플래그/속성이있을 수도 있습니다.

나는 C# 코드에서 작업하는 것을 선호하지만, javascript/jquery 솔루션도 환영합니다. 자바 스크립트를 사용해야합니다 그래서

감사합니다,

-Rico

Answer 1

HtmlChart는 클라이언트에 렌더링합니다. 컨테이너 크기가 조정될 때 차트의 크기를 조정하는 방법은 다음과 같습니다 : http://www.telerik.com/support/code-library/radhtmlchart-in-a-responsive-web-page. 본질적으로 - div 컨테이너가 원하는 크기를 가지는지 확인하고 repaint() 메소드를 호출하십시오. 그것은 조금 까다 롭습니다 http://forums.asp.net/t/1112899.aspx?How+to+track+Collapse+Expand+event+of+AJAX+Collapsible+Panel+Extender+to+call+javascript+ 당신은을 가진 후에 더 클라이언트 측 코드 (add_expandComplete (theHandlerFunctionObject)와 add_collapseComplete (theHandlerFunctionObject)로 첨부해야한다 : 여기

는 CollapsiblePanel의 클라이언트 측 이벤트에 후크하는 방법입니다 CollapsiblePanel의 클라이언트 측 객체).

물론 확장/축소를 실행하면 논리에 따라 필요한 스크립트를 호출 할 수 있습니다. 기존의 클라이언트 측 처리기에 추가하거나 서버에서 등록자로 추가 할 수 있습니다.