首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将图表放在特定的RadTabStrip选项卡上

将图表放在特定的RadTabStrip选项卡上
EN

Stack Overflow用户
提问于 2012-08-07 22:33:18
回答 2查看 973关注 0票数 1

我要做的是在特定选项卡上放置一个动态创建的特定图表。例如,图表A将转到ColorTab,而图表B将转到HistoryTab

代码语言:javascript
运行
复制
<telerik:RadAjaxPanel ID="StripPanel" runat="server" Width="100%">
    <telerik:RadTabStrip ID="TabStrip" runat="server" MultiPageID="Monetary" SelectedIndex="0">
        <Tabs>
            <telerik:RadTab Text="MonetaryTab">
            </telerik:RadTab>
            <telerik:RadTab Text="VTab">
            </telerik:RadTab>
            <telerik:RadTab Text="ColorTab">
            </telerik:RadTab>
            <telerik:RadTab Text="HistoryTab">
            </telerik:RadTab>
            <telerik:RadTab Text="AdTab">
            </telerik:RadTab>
        </Tabs>
    </telerik:RadTabStrip>
</telerik:RadAjaxPanel>

这就是我正在尝试的

代码语言:javascript
运行
复制
Control masterC = FindControl("MonetaryTab");
                RadHtmlChart CarLotChart = ChartCreationClass.HTMLChartCreation();
                masterC.Controls.Add(CarLotChart);

它永远不会找到放置图表的控件。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-08-08 00:37:50

使用来自this线程的建议来完成此任务:

代码语言:javascript
运行
复制
RadHtmlChart CarLotChart = ChartCreationClass.HTMLChartCreation();
TabStrip.Tabs["MonetaryTab"].Controls.Add(CarLotChart);

通过任一following methods参阅所需的选项卡。

票数 0
EN

Stack Overflow用户

发布于 2012-08-08 02:59:42

RadTabStrip与RadmultiPage控件结合使用。首先在其中定义RafTabStrip和Tabs。然后创建一个RadMultiPage,并为您在TabStrip中定义的每个选项卡定义一个页面(类型为RadPageView)。控件需要添加到PageView,而不是直接添加到选项卡。

我已经根据您在问题中定义的TabStrip创建了一个小演示。

下面是TabStrip代码:

代码语言:javascript
运行
复制
<telerik:RadTabStrip ID="TabStrip" runat="server" MultiPageID="Monetary" SelectedIndex="0" >
            <Tabs>
                <telerik:RadTab Text="MonetaryTab">
                </telerik:RadTab>
                <telerik:RadTab Text="VTab">
                </telerik:RadTab>
                <telerik:RadTab Text="ColorTab">
                </telerik:RadTab>
                <telerik:RadTab Text="HistoryTab">
                </telerik:RadTab>
                <telerik:RadTab Text="AdTab">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>

下面是RadMultiPage的定义:

代码语言:javascript
运行
复制
<telerik:RadMultiPage ID="Monetary" runat="server" SelectedIndex="0" OnLoad="Monetary_Load">
            <telerik:RadPageView runat="server" ID="monetaryTabPageView"/>
            <telerik:RadPageView runat="server" ID="vTabPageView"/>
            <telerik:RadPageView runat="server" ID="colorTabPageView"/>
            <telerik:RadPageView runat="server" ID="historyTabPageView"/>
            <telerik:RadPageView runat="server" ID="adTabPageView"/>
        </telerik:RadMultiPage>

请注意,我正在侦听RadMultiPage的OnLoad事件。在本演示中-当RadMultiPage加载时,我将创建图表并将其添加到我们拥有的每个页面视图中。以下是事件处理程序代码:

代码语言:javascript
运行
复制
 protected void Monetary_Load(object sender, EventArgs e)
    {
        AddChart(monetaryTabPageView);
        AddChart(vTabPageView);
        AddChart(colorTabPageView);
        AddChart(historyTabPageView);
        AddChart(adTabPageView);
    }

    private void AddChart(RadPageView pageView)
    {
        RadHtmlChart chart = new RadHtmlChart();
        chart.ChartTitle.Text = pageView.ID + " chart";
        pageView.Controls.Add(chart);
    }

如您所见,我只是将控件直接添加到pageview的controls集合中。

注意:作为概念证明,我创建了一个空图表,即只定义了标题的图表。如果需要,您可以继续并绑定一些有意义的数据。

下面是截图,展示了它的外观:

希望这能回答你的问题。

Lohith ( Telerik印度的技术布道者)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11848257

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档