链接按钮动态显示网格视图asp.net

本文关键字：asp net 视图 网格 按钮 动态显示 链接 | 更新日期: 2023-09-27 18:30:05

我必须显示n网格，n是可变的，那么我不知道我会有多少网格。

我的问题是，我必须用Visible false初始化这个网格，当点击一个按钮时，显示该按钮特定的网格，那么我如何将按钮链接到网格视图？

我生成网格的代码：

    foreach (List<DataRow> lst in grids)
    {
        dt = lst.CopyToDataTable();
        GridView grv = new GridView();
        grv.AlternatingRowStyle.BackColor = System.Drawing.Color.FromName("#cccccc");
        grv.HeaderStyle.BackColor = System.Drawing.Color.Gray;
        grv.ID = "grid_view"+i;
        grv.Visible = false;
        grv.DataSource = dt;
        grv.DataBind();

        Label lblBlankLines = new Label();
        lblBlankLines.Text = "<br /><br />";

        Label lblTipo = new Label();
        string tipoOcorrencia = lst[0]["DESC_OCORRENCIA"].ToString();
        tipoOcorrencia = CultureInfo.CurrentCulture.TextInfo.ToTitleCase(tipoOcorrencia);
        int quantidade = lst.Count;
        lblTipo.Text = tipoOcorrencia + ": " + quantidade;

        LinkButton lkBtn = new LinkButton();
        lkBtn.ID = "link_button"+i;
        lkBtn.Text = "+";
        place_grids.Controls.Add(lblBlankLines);
        place_grids.Controls.Add(lkBtn);
        place_grids.Controls.Add(lblTipo);
        place_grids.Controls.Add(grv);

        place_grids.DataBind();
        i++;
    }

提前谢谢。

链接按钮动态显示网格视图asp.net

如下修改foreach循环。

private void GenerateControls()
{
    int i = 0;
    foreach (List<DataRow> lst in grids)
    {
        dt = lst.CopyToDataTable();
        GridView grv = new GridView();
        grv.AlternatingRowStyle.BackColor = System.Drawing.Color.FromName("#cccccc");
        grv.HeaderStyle.BackColor = System.Drawing.Color.Gray;
        grv.ID = "grid_view" + i;
        //grv.Visible = false;//Commented as the grid needs be generated on client side, in order to make it visible from JavaScript/jQuery
        grv.Attributes.Add("style", "display:none;");
        grv.DataSource = dt;
        grv.DataBind();
        //Adding dynamic link button
        LinkButton lnkButton = new LinkButton();
        lnkButton.Text = "button " + i;
        //lnkButton.Click += new EventHandler(lnkButton_Click);
        lnkButton.ID = "lnkButton" + i;
        lnkButton.OnClientClick = "ShowGrid('" + grv.ClientID + "');";
        Label lblTipo = new Label();
        lblTipo.Text = "text " + i;
        lblTipo.ID = "lbl" + i;
        tempPanel.Controls.Add(lblTipo);
        tempPanel.Controls.Add(grv);
        tempPanel.Controls.Add(lnkButton);
        tempPanel.DataBind();
        i++;
    }
}

然后，如果您希望启动服务器端事件，则必须添加一个链接按钮单击事件，如下所示。（取消注释事件处理程序分配给链接按钮的行。）

protected void lnkButton_Click(Object sender, EventArgs e)
{
    LinkButton lnkButton = (LinkButton)sender;
    String index = lnkButton.ID.Substring(lnkButton.ID.Length - 1);
    GridView grv = (GridView)tempPanel.FindControl("grid_view" + index);
    grv.Visible = true;
}

您需要在Page_Init事件中添加所有动态添加的控件，以维护它们的状态。参考下面的链接可能很有用。

动态创建的控件在回发后丢失数据

动态控制中的ViewState

从Page_Init事件调用方法GenerateControls，如下所示。

protected void Page_Init(object sender, EventArgs e)
{
    GenerateControls();
}

编辑：

JavaScript函数。。。

function ShowGrid(gridID) {
    document.getElementById(gridID).style.display = ''
}

我保持了服务器端点击事件的原样。但我对事件处理程序分配给链接按钮的行进行了注释。

相关文章：