Asp.net 在特定的RadTabStrip选项卡上放置图表

Asp.net 在特定的RadTabStrip选项卡上放置图表,asp.net,telerik,controls,Asp.net,Telerik,Controls,我试图做的是将一个动态创建的特定图表放置在特定选项卡上。例如,图表A将转到颜色选项卡,图表B将转到历史选项卡 <telerik:RadAjaxPanel ID="StripPanel" runat="server" Width="100%"> <telerik:RadTabStrip ID="TabStrip" runat="server" MultiPageID="Monetary" SelectedIndex="0"> <Tabs>

我试图做的是将一个动态创建的特定图表放置在特定选项卡上。例如,图表A将转到颜色选项卡,图表B将转到历史选项卡

<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>
它从未找到用于放置图表的控件。

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

RadHtmlChart CarLotChart = ChartCreationClass.HTMLChartCreation();
TabStrip.Tabs["MonetaryTab"].Controls.Add(CarLotChart);

通过任何一个参考所需选项卡。

RadTabStrip与RadmultiPage控件协同工作。首先定义RIP和其中的选项卡。然后创建一个RadMultiPage,并为您在TabStrip中定义的每个选项卡定义一个页面(键入RadPageView)。这些控件需要添加到页面视图中,而不是直接添加到选项卡中

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

以下是TabStrip代码:

<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>
如您所见,我只是将控件直接添加到pageview的控件集合中

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

以下是这张照片的屏幕截图:

希望这能回答你的问题


Lohith(Telerik India的技术传道者)

Mikhail我没有。物品,我错了什么?Mikhail实际上将标签本身更改为图表:)
<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: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>
 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);
    }