Кнопка onClick не срабатывает в GridView внутри TemplateField

Я пытаюсь написать код, который обновит только одну запись для данных.

Мне не нужно иметь возможность обновлять каждое поле в строке, только одно конкретное поле.

У меня есть страница, которая определяет GridView следующим образом:

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
<UpdatePanel> 
    <ContentTemplate>   
 <fieldset style="width: 1%">
        <legend>Search Customer</legend>
        <table>
            <tr>
                <td>
                <asp:DropDownList id="ddlSearchOption"
                    AutoPostBack="True"
                    OnSelectedIndexChanged="ddlSearchOption_SelectedIndexChanged"
                    runat="server">
                    <asp:ListItem Selected="True" Value="SearchBy"> Search By </asp:ListItem>
                    <asp:ListItem Value="CustID"> Customer ID </asp:ListItem>
                    <asp:ListItem Value="CustFirst"> First Name </asp:ListItem>
                    <asp:ListItem Value="CustLast"> Last Name </asp:ListItem>
                    <asp:ListItem Value="CustCity"> City </asp:ListItem>
                </asp:DropDownList>
                </td>
      <asp:Panel id="pnlCustSearch" runat="server" >
                    <td>
             <asp:Label id="lblEntry" runat="server" Text="" width="120px"></asp:Label>
                    </td>
                    <td>
                        <asp:TextBox id="txtSearchOptions" runat="server" width="50px">Hello</asp:TextBox>
                    </td>
                    <td>
                        <asp:Button id="btnFind" Text="Search" runat="server" onClick="btnFind_Click"></asp:Button>
                    </td>
    </asp:Panel>
            </tr>
        </table>
    </fieldset>
    <div id ="msg">
    <asp:Label id="lblMsg" runat="server" Text=""></asp:Label>
    </div>
    <div id="gridShow">

  <asp:GridView ID="GridView1" runat="server" GridLines="None" AutoGenerateColumns="false"
  AlternatingRowStyle-BackColor="#EEEEEE" EditRowStyle-BorderColor="Red">           
  <Columns>           
     <asp:TemplateField Visible="true" HeaderText="Customer ID">
        <ItemTemplate>
          <asp:Label runat="server" ID="lblCustID" Text='<%#Eval("CustID")%>' />
        </ItemTemplate>
     </asp:TemplateField>

     <asp:TemplateField HeaderText="First Name">

        <ItemTemplate>
         <asp:Label runat="server" ID="lblFirstName" Text='<%#Eval("CustFirstName") %>' />
        </ItemTemplate>
     </asp:TemplateField>
     <asp:TemplateField HeaderText="Last Name">
        <ItemTemplate>
          <asp:Label runat="server" ID="lblLastName" Text='<%#Eval("CustLastName") %>' />
        </ItemTemplate>
     </asp:TemplateField>

     <asp:TemplateField HeaderText="City">
       <ItemTemplate>
         <asp:Label runat="server" ID="lblCity" Text='<%#Eval("CustCity") %>' />
       </ItemTemplate>
     </asp:TemplateField>
     <asp:TemplateField HeaderText="Email">  
      <ItemTemplate>
         <asp:TextBox runat="server" ID="txtEmail" Text='<%#Eval("CustEmail") %>' />
          <asp:Button runat="server" ID="btnUpdate" Text="Update" onClick="GridView1_btnUpdate_Click"/>
  <asp:RequiredFieldValidator runat="server" ID="rfdCountry" ControlToValidate="txtEmail" 
             ValidationGroup="var1" ErrorMessage="*" />
       </ItemTemplate>
     </asp:TemplateField>

 </Columns>
 </asp:GridView>

</div>
</ContentTemplate>
</UpdatePanel> 

 </asp:Content>

Затем в коде позади я пишу следующее:

    protected void GridView1_btnUpdate_Click(Object sender, EventArgs e)
    {
       //Code goes here
    }

При нажатии кнопки для обновления электронной почты ничего не происходит.

Что я делаю неправильно?

Я попытался использовать одно из предложений здесь:

        if (!IsPostBack)
        {
            GridView1.DataSource = App_Data.DataHandler.GetData("fname", "de");
            GridView1.DataBind();
            GridView1.Visible = true;
        }

Данные отображаются, но событие щелчка не работает в любом случае

Я добавил следующее в мое определение GridView:

onrowcommand="GridView1_RowCommand"

и добавил предложенный код:

             <asp:Button runat="server" ID="btnUpdate" Text="Update" CommandName="UpdateEmail" 
             CommandArgument="<%# ((GridViewRow) Container).RowIndex %>"/>

В моем .cs В файл я добавил следующее:

        protected void GridView1_RowCommand(Object sender, GridViewCommandEventArgs e)
    {
        if (e.CommandName == "UpdateEmail")
        {
            //Get the index from the argument
            int index = Convert.ToInt32(e.CommandArgument);
            //Get the row
            GridViewRow row = GridView1.Rows[index];

            //Do whatever you need with your row here!
        }
    }

Тем не менее, событие щелчка не срабатывает.

Хорошо, вот мой код .cs файл:

public partial class index : System.Web.UI.Page
{
    protected override object LoadPageStateFromPersistenceMedium()
    {
        return Session["__VIEWSTATE"];
    }
    protected override void SavePageStateToPersistenceMedium(object viewState)
    {
        Session["VIEWSTATE"] = viewState;
    }

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
            Reset();
        else
            lblMsg.Text = "";

    }

    protected void Reset()
    {
        pnlCustSearch.Visible = false;
        GridView1.Visible = false;
        lblMsg.Text = "";
    }

    protected void ddlSearchOption_SelectedIndexChanged(object sender, EventArgs e)
    {

            Reset();
            String ddlSelected = ddlSearchOption.SelectedValue;
            if (ddlSelected != "")
            {
                ViewState["ddlSelected"] = ddlSelected;
                pnlCustSearch.Visible = true;
                SelectLabel(ddlSelected);
            }
    }

    protected void SelectLabel(String choice)
    {
        switch (choice)
        {
            case "CustID":
                lblEntry.Text = "Enter Customer ID";
                break;
            case "CustFirst":
                lblEntry.Text = "Enter First Name";
                break;
            case "CustLast":
                lblEntry.Text = "Enter Last Name";
                break;
            case "CustCity":
                lblEntry.Text = "Enter City";
                break;
            default: 
                lblEntry.Text = "Enter Customer ID";
                break;
        }
    }

    protected void btnFind_Click(object sender, EventArgs e)
    {
        GridView1.Visible = true;
        String option = (String)ViewState["ddlSelected"];
        String input = txtSearchOptions.Text.Trim();

        GridView1.DataSource = DataHandler.GetData(option,input);
        GridView1.DataBind();
        GridView1.Visible = true;

    }

    protected void GridView1_RowCommand(Object sender, GridViewCommandEventArgs e)
    {
        if (e.CommandName == "UpdateEmail")
        {
            //Get the index from the argument
            int index = Convert.ToInt32(e.CommandArgument);
            //Get the row
            GridViewRow row = GridView1.Rows[index];

            //Do whatever you need with your row here!
        }
    }

    protected void btnUpdate_Click(Object sender, EventArgs e)
    {
        String txt = null;
        txt = "here";
    }
}

3 ответа

Когда вы пытаетесь обрабатывать события из GridView, вам нужно использовать CommandName и CommandArgument затем обработать RowCommand событие из GridView,

См. http://msdn.microsoft.com/en-us/library/bb907626(v=vs.100).aspx для справки.

Страница ASP.Net должна выглядеть так:

<asp:ButtonField runat="server" ID="btnUpdate" Text="Update" 
     CommandName="UpdateEmail" 
     CommandArgument="<%# CType(Container,GridViewRow).RowIndex %>" />

в RowCommand событие:

if (e.CommandName == "UpdateEmail")
{
    //Get the index from the argument
    int index = Convert.ToInt32(e.CommandArgument);
    //Get the row
    GridViewRow row = GridView1.Rows[index];

    //Do whatever you need with your row here!
}

Наконец-то я понял. Я должен был изменить <asp:Button/> в

    `<asp:ButtonField Text="Update Email" CommandName="UpdateEmail"`

и удалить его из ItemTemplate,

Но почему это было проблемой. Что я хотел сделать, это просто отобразить текстовое поле в том же элементе шаблона с кнопкой?

На самом деле, ответ был намного проще, чем я думал изначально. Я просто использовал разные значения для установки сессии: __VIEWSTATE и VIEWSTATE

    protected override object LoadPageStateFromPersistenceMedium()
    {
        return Session["__VIEWSTATE"];
    }
    protected override void SavePageStateToPersistenceMedium(object viewState)
    {
    Session["VIEWSTATE"] = viewState;
    }

Как только я изменил его, Баттон смог запустить события.

Спасибо

Другие вопросы по тегам