Asp.net GridView with Bootstrap下拉列表

时间:2016-05-19 07:42:16

标签: c# asp.net twitter-bootstrap gridview html-lists

我目前用他的论文帮助了一位朋友,而且我遇到了一些我似乎无法理解的事情。我有一些由网络服务填充的网格视图。我想要做的是将记录显示为一个列表,并有一个列,其中包含一个命令下拉列表,该列表可以发布到gridview中针对该特定行的Web服务但是我似乎无法弄清楚如何将下拉列表命令与gridview行连接。

我没有很多ASP.NET背后的经验,搜索和发现让我的目标很少,我目前理解或用来解决这个问题。

代码如下:

<div class="col-md-3">
   <asp:GridView ID="gvData1" runat="server" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" PageSize="30" CssClass="float:left">
   <Columns>
      <asp:TemplateField ControlStyle-CssClass="col-md-2" />
      <asp:BoundField DataField="Name" HeaderText="Name">
         <ItemStyle Font-Bold="True" />
      </asp:BoundField>
      <asp:BoundField DataField="Ip Address" HeaderText="IP" />
      <asp:BoundField DataField="SID" HeaderText="SID" />
      <asp:ImageField DataImageUrlField="Status" HeaderText="Status">
         <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
      </asp:ImageField>
      <asp:TemplateField HeaderText="Commands">
      <ItemTemplate>
         <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span>
            </button>
            <ul id="ddgv1" class="dropdown-menu" runat="server">
               <li class="disabled"><a href="#">Oracle Options</a></li>
               <li><a href="#" id="1" aria-valuetext="Shutdown" >Shutdown Instance</a></li>
               <li><a href="#" id="2" aria-valuetext="STARTUP">Startup Intance</a></li>
               <li role="separator" class="divider"></li>
               <li class="disabled"><a href="#">Service Options</a></li>
               <li><a href="#" id="3" aria-valuetext="start">Start Service</a></li>
               <li><a href="#" id="4" aria-valuetext="stop">Stop Service</a></li>
           </ul>
        </div>
      </ItemTemplate>
      </asp:TemplateField>
   </Columns>
   </asp:GridView>
</div>

0 个答案:

没有答案