如何根据Gridview行点击动态地更改Button的文本?

时间:2019-04-23 15:32:57

标签: javascript c# jquery

我正在使用ASP.NET C#。我有一个Gridview(示例显示在gridview下)和一个Button。当我单击表格视图的行时,我的按钮文本需要根据表格视图的信息进行更改。

例如:如果我单击第一行,则我的Button的文本应为Alpha(操作名称)。如果我单击第三行,应该在上面显示Charlie,依此类推。用户可以多次单击任意行,并且每次新点击都会更改按钮。

我学习了使用gridview的onRowDataBound和SelectedIndexChanged事件来处理gridview中的值。我能够使用标签打印出网格视图的每一行。

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                e.Row.Attributes["onclick"] = Page.ClientScript.GetPostBackClientHyperlink(GridView2, "Select$" + e.Row.RowIndex);
                e.Row.ToolTip = "Click to select this row. ";
            }
        }

        protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)
        {

            foreach (GridViewRow row in GridView1.Rows)
            {
                if (row.RowIndex == GridView1.SelectedIndex)
                {
                    row.BackColor = ColorTranslator.FromHtml("#A1DCF2");
                    row.ToolTip = string.Empty;
                    String ID;
                    alertNo = row.Cells[0].Text;
                    String Operation;
                    Operation = row.Cells[1].Text;
                    String Month;
                    Month = row.Cells[2].Text
                }
                else
                {
                    row.BackColor = ColorTranslator.FromHtml("#FFFFFF");
                    row.ToolTip = "Click to select this row";
                }
            }

        Label1.Visible = true;
        Label2.Visible = true;
        Label3.Visible = true;

        }

但是我不明白如何使用这种方法来更改按钮的文本。

任何帮助(Javascript / JQuery / C#)将不胜感激。如果问题仍然不清楚,请告诉我。

2 个答案:

答案 0 :(得分:0)

您的HTML应该具有与每个按钮关联的id属性,类似这样;

$tag = Tag::find(2);
$tag->tags()->get();

答案 1 :(得分:0)

在您的C#代码上,您可以尝试以下操作:

String Operation;
Operation = row.Cells[1].Text;
Button1.Text = Operation; // Add this line just after you get the Operation value

使用Javascript / jQuery,您可以做得更好/更快,但是由于您已经大部分使用C#。

编辑1 :这是一个工作正常的jQuery示例https://jsfiddle.net/gy31Lufr/2/

相关问题