Question

我有一个带有TemplateField的可扩展GridView，它有一个TextBox和一个Button，其中的想法是，当按下按钮时，它会将textBox的内容保存到数据库中。目前我没有将TextBox的内容加载到数据库中，因为我在测试时遇到了问题。

我在一个Ajax UpdatePanel中有Gridview，而TemplateField中的TexBox和Button也在Ajax UpdatePanel中。

问题在于，当触发下拉字段中的更改更新gridview时，我需要在Button中按两次以获得我想要的结果（目前只是在行中输入ID）。

在另一个帖子（Why does a button control need to be clicked twice?）之后，我尽力包含嵌套UpdatePannel中的所有信息。我仍然无法摆脱这个问题。我猜测问题是由于尝试在行中找到TextBox控件以便我可以编辑文本，但我无法弄清楚如何避免使用FindControl。

见下面的代码：

<script language="javascript" type="text/javascript">
    function divexpandcollapse(divname) {var div = document.getElementById(divname);
        var img = document.getElementById('img' + divname);
        if (div.style.display == "none") {
            div.style.display = "block"; img.src = "Images/Icons/minus.jpg";
        } else { div.style.display = "none"; img.src = "Images/Icons/plus.jpg"; }
    }</script>

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" ScriptMode="Release"
    CompositeScript-ScriptMode="Release" AllowCustomErrorsRedirect="False" EnablePartialRendering="true">
</asp:ToolkitScriptManager>

<asp:UpdatePanel ID="UP_TabContainer" runat="server" UpdateMode="Conditional">
<ContentTemplate>
 <asp:DropDownList ID="DateSelection" runat="server" AutoPostBack="True"> </asp:DropDownList>
 <asp:GridView ID="GV_SL" runat="server" OnRowDataBound="gvUserInfo_RowDataBound"
  OnRowCommand="GV_SL_RowCommand" AutoGenerateColumns="False" DataSourceID="SQL_Weekly">
    <Columns>

     <asp:TemplateField ItemStyle-Width="50px">
     <ItemTemplate>
      <a href="JavaScript:divexpandcollapse('div<%# Eval("reporting_group") %>');">
       <img id="imgdiv<%# Eval("reporting_group") %>" width="15px" border="0" src="Images/Icons/plus.jpg" /></a>
     </ItemTemplate>
    <ItemStyle Width="40px" />
    </asp:TemplateField>

    <asp:BoundField DataField="name" HeaderText="Group" SortExpression="name" />
    <asp:BoundField DataField="reporting_group" HeaderText="ID" ReadOnly="True" SortExpression="reporting_group" />

    <asp:TemplateField>
     <ItemTemplate>
      <tr>
       <td colspan="100%">
        <div id="div<%# Eval("reporting_group") %>" style="display: none; position: relative;
         left: 15px; overflow: auto">
          <asp:GridView ID="gvChildGrid" runat="server" AutoGenerateColumns="false">
           <Columns>
            <asp:BoundField DataField="Metric" HeaderText=" " HeaderStyle-HorizontalAlign="Left" />
            <asp:BoundField DataField="Actual" HeaderText="Actual" HeaderStyle-HorizontalAlign="Left" />
             </Columns>
          </asp:GridView>

          <asp:UpdatePanel ID="UP_Comments" runat="server" UpdateMode="Always">
           <ContentTemplate>
             <asp:TextBox ID="TB_Comments" runat="server" Text="Example: Text will be entered here"></asp:TextBox>
             <asp:Button ID="B_Save" runat="server" CommandName="AddText" CommandArgument="<%# CType(Container,GridViewRow).RowIndex  %>"
              Text="Save Changes" />
             <asp:Label ID="Label1" runat="server" Text='<%# eval("reporting_group")  %>' Visible="False"></asp:Label>
           </ContentTemplate>
          </asp:UpdatePanel>
         </div>
        </td>
       </tr>
      </ItemTemplate>
     </asp:TemplateField>
    </Columns>
   </asp:GridView>
  </ContentTemplate>
   <Triggers>
     <asp:AsyncPostBackTrigger ControlID="DateSelection" EventName="SelectedIndexChanged" />
   </Triggers>
</asp:UpdatePanel>

背后的vb Button代码

Protected Sub GV_SL_RowCommand(ByVal sender As Object, _
ByVal e As System.Web.UI.WebControls.GridViewCommandEventArgs)
    If (e.CommandName = "AddText") Then
        ' Retrieve the row index stored in the CommandArgument property.
        Dim index As Integer = Convert.ToInt32(e.CommandArgument)
        ' Retrieve the row that contains the button 
        ' from the Rows collection.
        Dim row As GridViewRow = GV_SL.Rows(index)
        Dim LB_RG As System.Web.UI.WebControls.Label = DirectCast(row.FindControl("Label1"), System.Web.UI.WebControls.Label)
        Dim TB_Com_Control As System.Web.UI.WebControls.TextBox = DirectCast(row.FindControl("TB_Comments"), System.Web.UI.WebControls.TextBox)
        TB_Com_Control.Text = "Test " & "-" & LB_RG.Text
    End If
End Sub

我希望有人可以帮助我找出问题所在以及如何解决问题。

Answer 1

我已设法通过在UpdatePanel ID =“UP_TabContainer”中包含以下控件来解决此问题：

GridView ID =“GV_SL”
的DataSourceID = “SQL_Weekly”

并排除：

function divexpandcollapse（divname）
ToolkitScriptManager ID =“ToolkitScriptManager1”
DropDownList ID =“DateSelection”

我不确定它为什么会起作用，但我希望它对某人有帮助。

Gridview中的嵌套Ajax UpdatePanel需要单击按钮控件两次

1 个答案: