javascript - 需要在单个名称下对 gridview 中的链接按钮进行分组。

Question

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

示例：我在网格中有.. ABCD 之类的链接...我想将这些链接放在一个名称下

请帮助我..我知道这可以用 Jquery 来实现..任何人都可以告诉我正确的路径吗？

提前致谢 ..

Answer 1

这就是你需要的：

测试

您可以将鼠标悬停在letters“菜单”上，然后会出现一个弹出窗口。一探究竟！！

然后你必须把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");
});

Answer 2

您可以将所有链接按钮放在同一个 TemplateField 下，如下所示

 <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>  

Answer 3

您可以将通用 css 分配class给链接按钮并使用 jquery 类selector来访问它们。

linkbuttons = $('.className');