Question

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

示例：我在网格中有类似.. ABCD的链接......我想将这些链接放在单个名称LETTERS上将鼠标悬停在LETTERS上，ABCD应该出现在弹出窗口中并且应该是可点击的..

请帮帮我..我知道这可以通过Jquery实现..任何人都可以向我展示正确的道路吗？

先谢谢..

Answer 1

您可以将常用css class指定给链接按钮，并使用jquery类selector来访问它们。

linkbuttons = $('.className');

Answer 2

这就是你需要的：

<强> TEST

您可以将鼠标悬停在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 3

您可以将所有链接按钮放在同一个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>

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

3 个答案: