添加按钮到gridview中的每一行，有一个下拉菜单

我有一个Gridview，我想添加一个“Actions”按钮添加到每行添加，点击后将允许我编辑或删除一行。添加按钮到gridview中的每一行，有一个下拉菜单

在我的图片中，它看起来像一个下拉列表。我更喜欢一个按钮，但是一个下拉列表将作为最后的手段。

enter image description here 这是我到目前为止已经试过：

  <asp:GridView runat="server" ID="grdvwDepositTransaction" 
       AutoGenerateColumns="false" DataKeyNames="Status" 
       OnRowCommand="grdvwDepositTransaction_RowCommand" ShowHeaderWhenEmpty="true" ShowFooter="true" OnRowDataBound="grd_RowDataBound" 
       CssClass="grid" width="750"> 
       <HeaderStyle CssClass="HeaderTemplate" /> 
       <FooterStyle CssClass="FooterTemplate" /> 
       <Columns> 
        <asp:TemplateField > 

       <ItemTemplate> 
        <input onclick="javascript: showMenu(); return false;" onmouseout="javascript: hideMenu(); return false;" type="button" class="savebutton" value="Actions" id="actionMenuRowSomething" /> 
      <ul id="actionMenuRow" style="display: none; margin-top: -6px; text-align: left; padding: 0px; margin-right: 0px; " onmouseover="javascript: showMenu(); return false;" onmouseout="javascript: hideMenu(); return false;" class="ui-menu"> 
       <li><a href="#" onclick="ShowHomeScreen();">something</a></li> 
       <li> 
        <asp:LinkButton ID="something" runat="server" Text="View Updates" style="width:100px;">works</asp:LinkButton> 
       </li> 
      </ul> 
       </ItemTemplate> 
         <EditItemTemplate> 

         </EditItemTemplate> 
       </asp:TemplateField>  
        <asp:BoundField DataField="DepositEntry.cardNumber" HeaderText="Card Number" ItemStyle-CssClass="mediumColumn columnCenter" /> 
        <asp:BoundField DataField="DepositEntry.accountNumber" HeaderText="Account Number" ItemStyle-CssClass="mediumColumn columnCenter" /> 
        <asp:BoundField DataField="DepositEntry.firstName" HeaderText="Customer Name" ItemStyle-CssClass="mediumColumn columnCenter" /> 
        <asp:BoundField DataField="DepositEntry.transactionDateTime" HeaderText="Transaction Date/Time" ItemStyle-CssClass="mediumColumn columnCenter" /> 
        <asp:BoundField DataField="DepositEntry.cashAmount" HeaderText="Cash Amount" ItemStyle-CssClass="mediumColumn columnCenter" /> 
        <asp:BoundField DataField="DepositEntry.depositAmount" HeaderText="Envelope Deposit Amount" ItemStyle-CssClass="mediumColumn columnCenter" /> 
       </Columns> 

        <EmptyDataTemplate> 
         <br /> 
         <br /><br /> 
         <span style="font-weight: bold; text-anchor:middle;">No Transactions have been entered</span> 
        </EmptyDataTemplate>     
      </asp:GridView>

来源

2014-10-20 Indianaadmin stopstuck

我认为这将是最好有复选框或单选盒每一行都只有一个地方。选择要执行操作的行，然后选择操作。这样你就不会有大量的按钮堵塞网格。想想任何电子邮件帐户：您选择电子邮件，然后执行操作。 – 2014-10-20 19:41:32

@CodeWhisperer感谢您的时间！ – 2014-10-20 19:49:13

下拉菜单将确保未堵塞的行充满按钮。该菜单将填充 - 编辑，删除和其他操作。 – 2014-10-20 19:50:57

任何原因它只能被限制为只有一列？然后你可以使用：

AutoGenerateDeleteButton="True" 
AutoGenerateEditButton="True"

...和挂钩是极其比搞清楚其下拉列表项被选定容易等

来源

2014-10-20 19:55:37 Brinky

尝试以下操作：

<asp:TemplateField HeaderText="">       
         <EditItemTemplate> 
          <asp:ImageButton ID="ibtnUpdate" runat="server" CommandName="Update" CausesValidation="true" ImageUrl="~/Content/Images/h.ico" /> 
          <asp:ImageButton ID="ibtnCancel" runat="server" CommandName="Cancel" CausesValidation="false" ImageUrl="~/Content/Images/j.ico" /> 
         </EditItemTemplate> 
         <ItemTemplate> 
          <asp:ImageButton ID="ibtnEdit" runat="server" CommandName="Edit" CausesValidation="false" ImageUrl="~/Content/Images/k.ico" /> 
          <asp:ImageButton ID="ibtnDelete" runat="server" CommandName="Delete" CausesValidation="false" ImageUrl="~/Content/Images/l.ico" /> 
         </ItemTemplate>       
        </asp:TemplateField>

在这里你可以参考，但是这样你喜欢的图片。

来源

2014-10-20 19:50:30 Rex

添加按钮到gridview中的每一行，有一个下拉菜单

回答

相关问题