telerik tabstrip控件出现在其他选项卡中

I have 3 telerik tabs:

我有3个telerik选项卡:

    <telerik:RadTabStrip ID="tabStrip" runat="server" MultiPageID="multiPage" SelectedIndex="0" ClickSelectedTab="true" OnTabClick="tabStrip_TabClick">
        <Tabs>
            <telerik:RadTab runat="server" Text="Pending Invoices" PageViewID="pendingInvoicesPageView">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="Paid Invoices" PageViewID="paidInvoicesPageView">
            </telerik:RadTab>
            <telerik:RadTab runat="server" Text="My Payment Account" PageViewID="myPaymentAccountPageView">
            </telerik:RadTab>                
        </Tabs>
    </telerik:RadTabStrip>

with 3 page view:

有3个页面视图:

<telerik:RadMultiPage ID="multiPage" runat="server"
    <telerik:RadPageView ID="PageView1" runat="server"> 
    </telerik:RadPageView>
    <telerik:RadPageView ID="PageView2" runat="server"> 
    </telerik:RadPageView>
    <telerik:RadPageView ID="PageView3" runat="server"> 
    </telerik:RadPageView>
</telerik:RadMultiPage> 

Now, the contents of PageView1 is showing up in PageView2 and PageView3 after I added the below code:

现在，PageView1的内容显示在PageView2和PageView3中，我添加了以下代码:

<telerik:RadAjaxManager ID="radAjaxManager" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="tabStrip">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="tabStrip" />
                <telerik:AjaxUpdatedControl ControlID="multiPage" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="multiPage">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="tabStrip" />
                <telerik:AjaxUpdatedControl ControlID="multiPage" />
            </UpdatedControls>
        </telerik:AjaxSetting>            
    </AjaxSettings>
</telerik:RadAjaxManager> 

Please give me an advise, i'm lost in this telerik control. TIA!

请给我一个建议，我迷失在这个电视控制中心。蒂娅!

Here's some of the content of RadPageView:

以下是RadPageView的一些内容:

    <wac:WebDialogControl Id="WebDialogControl1" Runat="server" Label="" LabelVAlign="top">

        <asp:DataGrid Id="paidInvoiceGrid" Runat="server"  >

            <Columns>
                <asp:BoundColumn DataField="Id" Visible="False" />
                <asp:BoundColumn DataField="PaymentDate" HeaderText="Date"  />
                <asp:ButtonColumn DataTextField="InvoiceId" HeaderText="Invoice #"  />
                <asp:BoundColumn DataField="Name" HeaderText="Services For"  />
                <asp:BoundColumn DataField="PaymentAmount" HeaderText="Amount"  />
                <asp:BoundColumn DataField="PaidInFullDescription" HeaderText="Payment(s)" />
            </Columns>

        </asp:DataGrid>

    </wac:WebDialogControl>                 

1 个解决方案

#1

<telerik:RadMultiPage ID="multiPage" runat="server">
  <telerik:RadPageView ID="PageView1" runat="server"> 
  </telerik:RadPageView>
  <telerik:RadPageView ID="PageView2" runat="server"> 
  </telerik:RadPageView>
  <telerik:RadPageView ID="PageView3" runat="server"> 
  </telerik:RadPageView>
</telerik:RadMultiPage> 

Should be:

应该是:

 <telerik:RadMultiPage ID="multiPage" runat="server">
  <telerik:RadPageView ID="pendingInvoicesPageView" runat="server"> 
  </telerik:RadPageView>
  <telerik:RadPageView ID="paidInvoicesPageView" runat="server"> 
  </telerik:RadPageView>
  <telerik:RadPageView ID="myPaymentAccountPageView" runat="server"> 
  </telerik:RadPageView>
 </telerik:RadMultiPage> 

You should point to the right RadMultiPage in your RadTabStrip control, which you are doing correctly. However, the PageViewIDs of the PageViews inside RadMultiPage should point to the PageViewIDs of the RadTabStrip.

您应该在RadTabStrip控件中指向正确的RadMultiPage，您正在正确地操作它。然而，RadMultiPage内部的PageViewIDs应该指向RadTabStrip的PageViewIDs。