如何在gridviews列上添加mouseover？ [英] How to add mouseover on gridviews column?

问题描述

Hii，



我有一个gridview ..其中我有标签列..我想要做的是每当我鼠标悬停在那个标签上它应该在对话框中显示标签内容

Hii,

I have a gridview .. in which i have label columns .. what i want to do is whenever i mouseover there on that label it should display me a label content in dialog box

<script type="text/javascript" language="javascript">
             $(function () {
                 debugger;
                 $("#dialog").dialog({
                     autoOpen: false,
                     show: {
                         effect: "blind",
                         duration: 1000
                     },
                     hide: {
                         effect: "explode",
                         duration: 1000
                     }
                 });

                 $(".GRID_LBL_CLASS").hover(function () {
                     debugger;
                     $("#dialog").dialog("open");
                 });
             });
    </script>

     <asp:GridView ID="gvCalibrationHeading" runat="server" AutoGenerateColumns="false"

                                OnRowDataBound="gvCalibrationHeading_RowDataBound" OnRowCommand="gvCalibrationHeading_RowCommand"

                                DataKeyNames="HeadingId" HeaderStyle-CssClass="grid_Header" RowStyle-CssClass="grid_darkcolor"

                                AlternatingRowStyle-CssClass="grid_lightcolor" Width="100%" BorderWidth="0px">
                                <Columns>
                                    <asp:TemplateField HeaderText="Heading">
                                        <ItemTemplate>
                                            <asp:Label ID="lblHeading" runat="server" Text='<%#Eval("Heading")%>' ></asp:Label>
                                            <asp:LinkButton ID="btnCollapse" Text="+" CommandName="Collapse" runat="server" CssClass="GRID_LBL_CLASS">
                                            </asp:LinkButton>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                            </asp:GridView>

推荐答案

（function（）{
debugger;

(function () { debugger;

（ #dialog）。dialog（{
autoOpen：false，
show：{
effect：blind，
duration：1000
}，
隐藏：{
效果：爆炸，
持续时间：1000
}
}）;

("#dialog").dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } });

（。GRID_LBL_CLASS）。悬停（function（）{
debugger;

(".GRID_LBL_CLASS").hover(function () { debugger;

这篇关于如何在gridviews列上添加mouseover？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！