0

我想让用户单击 400 行网格视图的第 250 行的选择按钮。当他们点击它时，另一个 3x12 的 gridview 出现在该行下方，然后其他 150 行出现在该行下方。这是可能吗？我想我可以创建一个完整的其他 div，它将具有三个 gridview 输出，具体取决于 <= 和 > 所选行的索引。

它开始于：

Gridview 行 1-400

然后在选择第 350 行之后是：

Gridview 行 1-350

第 350 行信息的 Gridview

Gridview 行 351-400。

4

2 回答 2

1

这绝对是可能的，但我会使用 a ListVieworDataList作为您的父容器，因为使用 a GridView，您必须将子列表放在一列中，这看起来很难看。这应该使您走上正确的道路：

<asp:ListView ID="lstOuterList" runat="server" DataKeyNames="ID, OtherColumn">
    <LayoutTemplate>
        <table width="100%">
            <asp:PlaceHolder runat="server" ID="itemPlaceHolder" />
        </table>
    </LayoutTemplate>
    <ItemTemplate>
        <tr>
            <td><asp:LinkButton ID="LinkButton1" runat="server" Text="Expand" OnCommand="LinkButton1_Command" CommandArgument='<%#Container.DisplayItemIndex%>'></asp:LinkButton></td>
            <td><%#Eval("Value")%></td>
            <td><%#Eval("OtherValue")%></td>
            <td><%#Eval("OtherOtherValue")%></td>
        </tr>
        <asp:PlaceHolder ID="plcInnerList" runat="server">
            <asp:ListView ID="lstInnerList" runat="server" Width="100%">
                <LayoutTemplate>
                    <tr>
                        <td colspan="4">                                
                            <div style="padding:20px;background-color:#fffeee;">
                                <table width="100%">
                                    <asp:PlaceHolder runat="server" ID="itemPlaceHolder" />
                                </table>
                            </div>
                        </td>                        
                    </tr>
                </LayoutTemplate>   
                <ItemTemplate> 
                    <tr>                       
                        <td><%#Eval("Value")%></td>
                        <td><%#Eval("OtherValue")%></td>
                        <td><%#Eval("OtherOtherValue")%></td>  
                    </tr>                         
                </ItemTemplate>
            </asp:ListView>
        </asp:PlaceHolder>
    </ItemTemplate>        
</asp:ListView>

当用户单击 DataList1 中的 LinkBut​​ton/Button 时，请执行以下操作：

protected void LinkButton1_Command(object sender, CommandEventArgs e)
{
    //pass index of item in command argument
    var itemIndex = Convert.ToInt32(e.CommandArgument);      

    //find the pnlChildView control
    var innerPlaceHolder = lstOuterList.Items[itemIndex].FindControl("plcInnerList") as PlaceHolder;
    if (innerPlaceHolder != null)
    {
        innerPlaceHolder.Visible = !innerPlaceHolder.Visible;          
        if (innerPlaceholder.Visible)
        {
            var innerList = innerPlaceHolder.FindControl("lstInnerList") as ListView;
            if (innerList != null)
            {
                //the id to retrieve data for the inner list
                int keyValue = (int)lstOuterList.DataKeys[itemIndex]["ID"];

                //bind the list using DataList1 data key value
                innerList.DataSource = new DataTable("DataSource"); //your datasource
                innerList.DataBind();
            }  
        }
    }
}
于 2012-04-10T20:31:22.423 回答
0

一种方法是：

在主网格的 rowcommand 上：

  • 为网格创建 C# 代码将在里面 GridView grd = new GridView();

  • 像任何其他网格一样绑定此实例

  • 从主网格当前行添加控件，应该类似于

    e.Cells[0].Controls.Add(grd);

我现在没有 VS，但我想你可以明白，我一直使用这种方法

于 2012-04-10T18:09:11.640 回答