在 gridview 外部单击按钮时启用 gridview 中的编辑

Question

当用户单击 Gridview 之外的按钮时，我想启用所有行进行编辑。 我如何使用 C# 做到这一点。 下面是 gridview 和按钮。 当用户单击 enableEdit 按钮并能够编辑所有网格数据时。

 <asp:Button Text="Edit" ID="enableEdit" runat="server" OnClick="enableEdit_Click" />

<asp:GridView ID="grdOrderList" runat="server" CssClass="table" CellPadding="0"
     CellSpacing="0" AutoGenerateColumns="false" AllowSorting="true" OnSorting="grdOrderList_Sorting" DataKeyNames="ORDERID"
     OnRowEditing="grdOrderList_RowEditing" OnRowCancelingEdit="grdOrderList_RowCancelingEdit" OnRowUpdating="grdOrderList_RowUpdating"
     EmptyDataText="No Record" ShowHeaderWhenEmpty="true" EmptyDataRowStyle-CssClass="empty-text" UseAccessibleHeader="true" >
       <Columns>
    
          <asp:TemplateField HeaderText="ORDER DATE" SortExpression="ORDDATE">
              <ItemTemplate>
                  <%# Eval("ORDDATE", "{0:MM/dd/yyyy}")%>
               </ItemTemplate>
               <EditItemTemplate>
                   <div class="cutoffdate cutoffdate2" style="width: 105px; float: left">
                     <input id="txtOrddate" name="txtOrddate" type="text" class="input_date" placeholder="Select Date"
                      runat="server" readonly="true" value='<%# Bind("ORDDATE", "{0:MM/dd/yyyy}")%>' />
                     </div>
               </EditItemTemplate>
          </asp:TemplateField> 
    
         <asp:TemplateField HeaderText="Pieces" SortExpression="Pieces">
               <ItemTemplate>
                    <%#(String.IsNullOrEmpty(Eval("Pieces").ToString()) ? "1" : Eval("Pieces"))%> 
               </ItemTemplate>
              <EditItemTemplate>
                 <div   style="width: 105px; float: left">
                     <input id="txtPieces" name="txtPieces" type="text"  runat="server" value='<%# Bind("Pieces")%>' />
                 </div>
               </EditItemTemplate>
          </asp:TemplateField>
    
     </Columns>
      </asp:GridView>

Answer 1

实际上，如果您只想要一个干净的网格？ 然后转储所有模板，不要使用它们。 事实上，你会发现整个设置少了很多混乱，而且通常更少的代码和更少的标记。

事实上，因为你必须将每个平面简asp.net控件（列）作为“模板”字段放在GV中，所以我经常使用列表视图。 （因为它可以让您为每一列添加控件，并且不需要凌乱的“项目模板”东西 - 这很快就会让人厌倦）。

更糟糕的是？ 为什么有一些启用编辑按钮？ 为什么要折磨用户并弄乱用户界面？ 为什么不只显示网格。 用户可以选择、编辑和更改任何行。 （有点像excel）。 此时，在 GV 下方放置一个保存编辑按钮，也许还有一个撤消按钮。 再一次，你极大地减少了用户的 UI 工作量——而且你还为用户提供了大量的 UI 按钮和各种令人困惑的爵士乐。 只是折腾一个网格。 让用户在任何地方进行编辑、选项卡并改变他们的方式。 完成后，他们可以单击 gv 下方的最终保存按钮，然后完成。 如前所述，这减少了代码，减少了标记，减少了用户的困惑，并且启动起来更加用户友好。

所以，正如我所说，对于几列，GV 是可以的，但如果你有很多列，那么我强烈建议翻转到列表视图，因为如上所述，你消除了围绕每个 asp.net 控件的杂乱需要和愚蠢的要求每个控件所需的“项目模板”。

好的，假设我们有这个 Grid 标记：

   <div style="width:60%;padding:25px">
    <style> .borderhide input, textarea {border:none}</style>

    <asp:GridView ID="GVHotels" runat="server" class="table" AutoGenerateColumns="false" DataKeyNames="ID"
        CssClass="table table-hover borderhide" >
      <Columns>
        <asp:TemplateField  HeaderText="HotelName" >
            <ItemTemplate><asp:TextBox id="HotelName" runat="server" Text='<%# Eval("HotelName") %>'
               Width="160px"/></ItemTemplate>
        </asp:TemplateField>

        <asp:TemplateField  HeaderText="FirstName">
            <ItemTemplate>
                <asp:TextBox id="FirstName" runat="server" Text='<%# Eval("FirstName") %>' Width="100px"/>
            </ItemTemplate>
        </asp:TemplateField>

        <asp:TemplateField  HeaderText="LastName" >
            <ItemTemplate><asp:TextBox id="LastName" runat="server" Text='<%# Eval("LastName") %>'  Width="100px"/></ItemTemplate>
        </asp:TemplateField>

        <asp:TemplateField  HeaderText="City" >
            <ItemTemplate><asp:TextBox id="City" runat="server" Text='<%# Eval("City") %>' Width="100px" /></ItemTemplate>
        </asp:TemplateField>
                
        <asp:TemplateField     HeaderText="Description" >
            <ItemTemplate><asp:TextBox id="Description" runat="server" 
                Text='<%# Eval("Description") %>'  Width="250px" TextMode="MultiLine"
                Style="overflow:hidden"  /></ItemTemplate>
        </asp:TemplateField>
                
        <asp:TemplateField     HeaderText="Active"  ItemStyle-HorizontalAlign="Center">
            <ItemTemplate>
           <asp:CheckBox ID="chkActive" Checked='<%# Eval("Active") %>' runat="server" />
           </ItemTemplate>
        </asp:TemplateField>

            </Columns>
        </asp:GridView>
        <br />
        <asp:Button ID="cmdSave" runat="server" Text="Save Edits" CssClass="btn" OnClick="cmdSave_Click" />

所以，请注意我们如何只有一个网格 - 平面简。 如前所述，我们甚至不需要编辑模板或任何东西：

填充此网格的代码如下：

    DataTable rstData = new DataTable();
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            LoadGrid();
            ViewState["rstData"] = rstData;
        }
        else
            rstData = ViewState["rstData"] as DataTable;
    }

    void LoadGrid()
    {
        using (SqlConnection conn = new SqlConnection(Properties.Settings.Default.TEST4))
        {
            string strSQL = "SELECT * FROM tblHotels ORDER BY HotelName";
            using (SqlCommand cmdSQL = new SqlCommand(strSQL, conn))
            {
                conn.Open();
                rstData.Load(cmdSQL.ExecuteReader());
                GVHotels.DataSource = rstData;
                GVHotels.DataBind();
            }
        }
    }

现在我们有了这个：

好的，所以我们应该添加一个撤消按钮，并且可能是一个添加行按钮。

所以，到目前为止，我们只有保存按钮，代码是这样的：

    protected void cmdSave_Click(object sender, EventArgs e)
    {
        // send grid back to rstData
        GridToTable();
        // now send table back to database with updates
        string strSQL = "SELECT * from tblHotels";
        using (SqlCommand cmdSQL = new SqlCommand(strSQL,
                                    new SqlConnection(Properties.Settings.Default.TEST4)))
        {
            cmdSQL.Connection.Open();
            SqlDataAdapter daupdate = new SqlDataAdapter(cmdSQL);
            SqlCommandBuilder cmdBuild = new SqlCommandBuilder(daupdate);

            daupdate.Update(rstData);
        }
    }


    void GridToTable()
    {
        // pull grid rows back to table.
        foreach (GridViewRow rRow in GVHotels.Rows)
        {
            int RecordPtr = rRow.RowIndex;
            DataRow OneDataRow;
            OneDataRow = rstData.Rows[RecordPtr];
            OneDataRow["FirstName"] = ((TextBox)rRow.FindControl("FirstName")).Text;
            OneDataRow["LastName"] = ((TextBox)rRow.FindControl("LastName")).Text;
            OneDataRow["HotelName"] = ((TextBox)rRow.FindControl("HotelName")).Text;
            OneDataRow["City"] = ((TextBox)rRow.FindControl("City")).Text;
            OneDataRow["Description"] = ((TextBox)rRow.FindControl("Description")).Text;
            OneDataRow["Active"] = ((CheckBox)rRow.FindControl("chkActive")).Checked;
        }
    }

因此，如您所见，我们可以对网格上的任何行进行完全编辑。 没有愚蠢的编辑按钮，没有愚蠢的编辑模板。 事实上，没有什么真正的傻事。

因此，只需使用标签 - 对网格中的任何内容进行更改，然后点击保存按钮即可。 用户会喜欢这个，因为当他们编辑文本，甚至 Excel 等时，他们只是编辑、玩、玩，完成后点击“保存”，所以你的用户会喜欢你的这个 UI，因为这就是他们整天使用和做。