当ASP面板通过CollapsiblePanelExtender扩展时,telerik radhtmlchart更小

时间:2014-10-24 21:39:47

标签: asp.net telerik ajaxcontroltoolkit telerik-charting

我在asp面板中有一个使用ajaxtoolkit CollapsiblePanelExtender的Telerik RadHtmlChart。

如果在将数据源分配给图表和数据绑定时折叠面板,则在面板展开后,图表仅从左到右填充面板尺寸的1/2。如果我在数据绑定期间展开了面板并且图表可见,它会按预期填充面板。

不知怎的,我需要知道面板何时展开并告诉图表调整大小/重新绘制并填充面板中的可用空间,但到目前为止还没有这样的快乐。

或者我的控件上有一个标记/属性我错过了,这有助于图表填充可用空间,即使面板折叠也是如此。

我更愿意使用C#代码,但javascript / jquery解决方案也很受欢迎。

谢谢,

-Rico

1 个答案:

答案 0 :(得分:0)

HtmlChart在客户端上呈现,因此您需要使用JavaScript。以下是在容器调整大小时调整图表大小的方法:http://www.telerik.com/support/code-library/radhtmlchart-in-a-responsive-web-page。基本上 - 确保其div容器具有所需的大小并调用其repaint()方法。

以下是如何连接到CollapsiblePanel的客户端事件: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的客户端对象后。

当然,如果您自己触发展开/折叠,您可以根据您的逻辑调用所需的脚本 - 将其添加到现有的客户端处理程序,或者从服务器注册它。