Hover on Grid Item

[Rahul]

Hello Sir

           I want Hove menu (AJAX) on grid first column Item. Is this possible. How to achieve this ? How to catch the gird first column item ?

    Its Urgent

Thanks
Regards
Rahul

[Princy]

Hello

You can use as context menu and display it on the hovering over the required column using the code below:
aspx:

<telerik:RadContextMenu ID="RadContextMenu1" runat="server" >
      <Items>
          <telerik:RadMenuItem Text="Text1" />
          <telerik:RadMenuItem Text="Text2" />
          <telerik:RadMenuItem Text="Text3" />
      </Items>
</telerik:RadContextMenu>

c#:

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
    {
       if (e.Item is GridDataItem)
        {
            GridDataItem dataItem = (GridDataItem)e.Item;
            dataItem["ColumnUniqueName"].Attributes.Add("onmouseover", "showMenu(event);");
        }
    }

js:

function showMenu(e)
        {
            var contextMenu = $find("<%= RadContextMenu1.ClientID %>");
            if ((!e.relatedTarget) || (!$telerik.isDescendantOrSelf(contextMenu.get_element(), e.relatedTarget)))
            {
                contextMenu.show(e);
            }
            $telerik.cancelRawEvent(e);
        }

Thanks
Princy.

[Rahul]

Hello Princy thanks for reply

I don't want menu in rad controls ... I want to show the panel contains the textboxes and labels and some information ... i want show that panel on mouse hover on grid row item ...... Using the mouse Hover extender in AJAx. or Your inbulid funcitons? Is any way to achieve this functionality.


Hovering the Panel on Radgrid Item .
Plese reply urgent....


Thanks
Regards
Rahul

[Shinu]

Hi Rahul,

You can achieve the desired scenario using  a GridTemplateColumn as shown below.

ASPX:

       <telerik:GridTemplateColumn UniqueName="TemplateCol" HeaderText="TemplateCol">
                            <ItemTemplate>
                                <asp:Label id="lblName" runat="server" Text='<%#Eval("ProductName") %>' ></asp:Label>


                                <asp:Panel ID="popupMenu" runat="server" style="display:none" BackColor="skyblue" >
                                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                                    <asp:Label ID="Label1" runat="server" Text="Hello"></asp:Label>
                                </asp:Panel>
                                 <cc1:HoverMenuExtender ID="HoverMenuExtender1" TargetControlID="lblName" runat="server"
                                    PopupControlID="popupMenu" PopupPosition="right" PopDelay="50">
                                </cc1:HoverMenuExtender>

                            </ItemTemplate>
                        </telerik:GridTemplateColumn>

Thanks
Shinu

[Rahul]

Thank you very much