Equivalent to RowDetailsTemplate?

[Roberto]

Hi,

I've used the RowDetailsTemplate tag in the Silverlight version of the Grid and can't seem to be able to reproduce this same functionality in .Net AJAX. How could I achieve this? I basically need a panel with some text to show up when someone clicks on an item.

Thanks,

[Radoslav]

Hi Roberto,

The RadGrid control's had an DetailItemTemplate since Q3 2012 release. Please check out the following example which demonstrates it:
http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/detailitemtemplate/defaultcs.aspx

I hope this helps.

Kind regards,
Radoslav
the Telerik team

[Roberto]

Hi Radoslav, 

Unfortunately that is not the behavior I'm looking for. I've already implemented the DetailItemTemplate but it shows all the time. What I want is just like in Silverlight where it only shows when you click on a row. Is this possible?

[Brad]

Not sure if this is the best way, but here is how I did it.

Defined the DetailItemTemplate with a class on the label for jquery selection

<DetailItemTemplate>
    <asp:Label ID="LabelDetails" Class="LabelDetails" runat="server" Text='<%# Eval("Notes") %>' />
</DetailItemTemplate>

In the grids client events I added OnRowSelected and OnGridCreated events.

<ClientSettings EnableRowHoverStyle="true">
    <Selecting AllowRowSelect="True" />
    <ClientEvents OnRowSelected="ShowNotes" OnGridCreated="ShowNotes" />
</ClientSettings>

And added a Script ShowNotes to handle the show and hide.

<script>
    function ShowNotes(sender, eventArgs) {
        $(".LabelDetails").parent().parent().hide();
        var MasterTable = sender.get_masterTableView();
        var selectedRows = MasterTable.get_selectedItems();
        if (selectedRows.length > 0) {
            $($(selectedRows[0])[0]._element).next("tr").show();
        }
    }
</script>

[Roberto]

Thanks Brad, I think that would work, would be great if this was the default behavior.