Javascript 需要将gridview中的链接按钮按单个名称分组。

我有一个Gridview，其中一列下有4个链接按钮。在gridview中直接使用这4个链接按钮会增加gridview的宽度。因此，我计划将所有这些链接按钮放在一个名称下，当用户将鼠标指针悬停在一个名称上时，四个链接应该出现在一个模式弹出窗口上，用户单击该窗口以获取所需数据

我有像..这样的链接。。网格中的一个B C D。。。我想把这些字母放在一个名字下面，鼠标悬停在字母上，一个B C D应该出现在弹出窗口中，应该可以点击

请帮我做这件事。。我知道这可以通过Jquery实现。。谁能告诉我正确的道路吗

---

提前谢谢

您可以将公共css

类

分配给链接按钮，并使用jquery类

选择器

访问它们

linkbuttons = $('.className');

这就是您需要的：

您可以将鼠标悬停在

字母

“菜单”上，然后出现一个弹出窗口。看看

然后您必须将

html

代码放入网格中

// HTML CODE
<div id="your-dialog-id">
<table>
   <tr> 
       // THE LINKS
       <td><h3>A</h3></td>
       <td><h3>B</h3></td>
       <td><h3>C</h3></td> 
       <td><h3>D</h3></td>
    </tr>
</table>
</div>
<p><a href="#" id="open">LETTERS</a></p>​

// JQUERY CODE
$("#open").mouseover(function(){
   $("#your-dialog-id").dialog("open");
});

// This is fired when hover over LETTERS MENU
$("#your-dialog-id").dialog({autoOpen:false,modal: true, title:'letters'});

// This is fired when clic over a single letter
$('h3').click(function(){
  alert($(this).text() + " clicked");
});

//HTML代码
//链接
A.
B
C
D
​
//JQUERY代码
$（“#打开”）.mouseover（函数（）{
$（“#您的对话框id”）.dialog（“打开”）；
});
//当鼠标悬停在“字母”菜单上时，将触发此命令
$（“#您的对话框id”）.dialog（{autoOpen:false，modal:true，title:'letters'）；
//当clic超过一封信时，将触发此命令
$（'h3'）。单击（函数（）{
警报（$（this.text（）+“单击”）；
});

您可以将所有链接按钮放置在同一模板字段下，如下所示

 <asp:TemplateField HeaderText="LETTERS">   
            <ItemTemplate>   
                <asp:LinkButton runat="server" ID="A" Text="A" OnClick="A_OnClick"></asp:LinkButton>   
                <asp:LinkButton runat="server" ID="B" Text="B" OnClick="B_OnClick"></asp:LinkButton>    
                <asp:LinkButton runat="server" ID="C" Text="C" OnClick="C_OnClick"></asp:LinkButton>   
                <asp:LinkButton runat="server" ID="D" Text="D" OnClick="D_OnClick"></asp:LinkButton>   
            </ItemTemplate>   
        </asp:TemplateField>