[Solved] RadGrid OnSelectedIndexChange to update RadPageView

[Patrick]

I have a RadGrid which contains a ButtonColumn with CommandName="Select".  Seperately, I have a RadTabStrip.  I am updating the components within the RadTabStrips RadPageView when the user invokes the Select command on the RadGrid.  Everything updates, but I am having trouble figuring out how to ajaxify the RadPageView to update without post-back. 

<rad:RadGrid runat="server" id="RadGrid1"
    OnSelectedIndexChanged="grdGrid_OnSelectedIndexChanged"
    AutoGenerateColumns="false" >
    <MasterTableView>
        <Columns>
            <rad:GridButtonColumn ImageUrl="edit_16.gif" CommandName="Select" ButtonType="ImageButton" HeaderText="Edit"/>
        </Columns>
    </MasterTableView>
    <ClientSettings>
        <Selecting AllowRowSelect="true" />
    </ClientSettings>
</rad:RadGrid>

<rad:RadTabStrip ID="RadTabStrip1" Width="300px" style="margin:5px" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0" Align="Justify" >
    <Tabs>
        <rad:RadTab Text="Details" >
        </rad:RadTab>
        <rad:RadTab Text="Activity" >
        </rad:RadTab>
    </Tabs>
</rad:RadTabStrip>
<rad:RadMultiPage  runat="server" ID="RadMultiPage2" >
    <rad:RadPageView runat="server" ID="RadPageView3" Selected="true">
        <asp:Label runat="server" ID="Label1" />
    </rad:RadPageView>
    <rad:RadPageView runat="server" ID="RadPageView4" >
    </rad:RadPageView>
</rad:RadMultiPage>

<rad:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
    <AjaxSettings>
        <rad:AjaxSetting AjaxControlID="RadGrid1" >
            <UpdatedControls>
                <rad:AjaxUpdatedControl ControlID="RadMultiPage2" LoadingPanelID="RadAjaxLoadingPanel1" />
            </UpdatedControls>
        </rad:AjaxSetting>
    </AjaxSettings>
</rad:RadAjaxManagerProxy>

[Cori]

Hello Patrick,

All you need to do is add the PageView to the RadAjaxManagerProxy AjaxSettings. Like so:

<telerik:AjaxSetting AjaxControlID="RadPageView1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadPageView1" UpdatePanelHeight="" />
                </UpdatedControls>
            </telerik:AjaxSetting>

That's how you would setup a control that initiates the request and updates itself.

I hope that helps.

[Patrick]

Cori, thank you for your reply.  I tried your suggestion and still have the same results (full post-back).  I believe your solution would work if my RadGrid was within the RadPageView, but in my case the controls are sperate....RadGrid followed by a RadTabStrip, where the select command from the RadGrid updates the contents of the RadPageView (which is a child of the RadTabStrip).

[Yana]

Hello Patrick,

Actually your settings in the first post are supposed to work. I've tested it with Q2 2010 release, please find attached my test page. What is different in your case?

All the best,
Yana
the Telerik team

[Patrick]

After many hours of scratching my head and comparing code, I discovered that the master page I was pointing to (a secondary master file for popup windows only) did not contain a parent RadAjaxManager for the local RadAjaxManagerProxy to reference.  Problem solved.  Thanks for the help!