如何将文本框添加到 ASP.NET 中的 GridView

Question

我想制作一个 GridView，使其第一列来自 C# 集合，第二列是 TextField。 我点击了这个链接： https://stackoverflow.com/questions/28828150/add-textbox-in-datatable-aspx-net#:~:text=Textbox%20is%20a%20control%20and,will%20have%20the% 20相关%20文本框。

答案为我提供了： My1stOutput有没有办法交换列？

protected DataTable rGrdV(List<string> slist) {
           DataTable dt = new DataTable();
           dt.Columns.Add("col1",typeof(String));
          
           foreach (string s in slist)
           {
               
               dt.Rows.Add(s);
           }
           
               return dt;
          
       }

设计师：

<asp:GridView ID="GridView1" runat="server" >
   <asp:TemplateField> 
       <ItemTemplate >
           <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
       </ItemTemplate>
   </asp:TemplateField>                      
   </Columns>
</asp:GridView

编辑___________________________________

我尝试将设计师更改为

<asp:GridView ID="GridView1" runat="server" BackColor="#DEBA84" BorderColor="#DEBA84" BorderStyle="None" BorderWidth="1px" CellPadding="3" CellSpacing="2">
           <FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" />
           <HeaderStyle BackColor="#A55129" Font-Bold="True" ForeColor="White" />
           <PagerStyle ForeColor="#8C4510" HorizontalAlign="Center" />
           <RowStyle BackColor="#FFF7E7" ForeColor="#8C4510" />
           <SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="White" />
           <SortedAscendingCellStyle BackColor="#FFF1D4" />
           <SortedAscendingHeaderStyle BackColor="#B95C30" />
           <SortedDescendingCellStyle BackColor="#F1E5CE" />
           <SortedDescendingHeaderStyle BackColor="#93451F" />
           <Columns>

                 <asp:BoundField DataField="Col1" HeaderText="MyColumn" />
              
   <asp:TemplateField> <%-- you have not opened it in your markup --%>
      
       <ItemTemplate >
           <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
       </ItemTemplate>
   </asp:TemplateField>                      
   </Columns>
       </asp:GridView>

现在我得到My2ndOutput

Answer 1

好的，处理此类问题的一般方法是什么？

不要让 GV 自动生成列。 控制这个问题，然后所有的 rest 都相当不错。

所以，假设我们想要 2 个列

所以，我们的 gv 可以是这样的：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" 
    CssClass="table table-hover" Width="40%">
    <Columns>
        <asp:BoundField DataField="ID" HeaderText="ID" />
        <asp:BoundField DataField="HotelName" HeaderText="Hotel Name" />
        <asp:TemplateField HeaderText="Description">
            <ItemTemplate>
                <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Width="100%" Rows="2"
                    Text='<%# Eval("Description") %>' ></asp:TextBox>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

因此，为文本框使用“模板”，并使用上面的绑定表达式来填写它。

结果：

要加载的代码是这样的：

  void LoadGrid()
    {
        List<Hotels> HotelList = MyHotels();

        DataTable dt = new DataTable();
        dt.Columns.Add("ID",typeof(string));
        dt.Columns.Add("HotelName",typeof(string));
        dt.Columns.Add("Description",typeof(string));

        foreach (Hotels OneHotel in HotelList)
        {
            DataRow OneRow = dt.NewRow();
            OneRow["ID"] = OneHotel.ID;
            OneRow["HotelName"] = OneHotel.HotelName;
            OneRow["Description"] = OneHotel.Descripiton;
            dt.Rows.Add(OneRow);
        }
        GridView1.DataSource = dt;
        GridView1.DataBind();

    }