Question

我想知道GridView是否可以执行以下操作：

允许用户添加新的空行。
让行成为网格中的第一行。
选择行并进入编辑模式，以便用户可以添加信息。

Answer 1

这里有一个例子：http://www.dotnetfunda.com/articles/article180.aspx

将处理新记录的表单放在顶部而不是底部应该很容易。

Answer 2

我过去所做的是在数据表的顶部添加一个新的空数据行，其ID为-1（或者如果字符串ID为“new”或“empty”）。将编辑索引设置为该行并绑定数据。

（快速而肮脏的例子）

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" DataKeyNames="ID" 
            onrowupdating="GridView1_RowUpdating">
            <Columns>
                <asp:TemplateField HeaderText="Column 1">
                    <ItemTemplate>
                        <asp:Literal ID="litColumn1" Text='<%#Bind("column1") %>' runat="server"></asp:Literal>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <asp:TextBox ID="txtColumn1" Text='<%#Bind("column1") %>' runat="server"></asp:TextBox>
                    </EditItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Column 2">
                    <ItemTemplate>
                        <asp:Literal ID="litColumn2" Text='<%#Bind("column2") %>' runat="server"></asp:Literal>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <asp:TextBox ID="txtColumn2" Text='<%#Bind("column2") %>' runat="server"></asp:TextBox>
                    </EditItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Column 3">
                    <ItemTemplate>
                        <asp:Literal ID="litColumn3" Text='<%#Bind("column3") %>' runat="server"></asp:Literal>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <asp:TextBox ID="txtColumn3" Text='<%#Bind("column3") %>' runat="server"></asp:TextBox>
                    </EditItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <EditItemTemplate>
                        <asp:LinkButton ID="saveLink" runat="server" CommandName="update">Save</asp:LinkButton>
                    </EditItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>

对于背后的代码：

protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
            Fill_Grid();
    }

    private void Fill_Grid()
    {
        //Create new test data source and columns
        DataTable dt = new DataTable();
        dt.Columns.Add("ID");
        dt.Columns.Add("column1");
        dt.Columns.Add("column2");
        dt.Columns.Add("column3");

        //Sample data
        DataRow dr = dt.NewRow();
        dr["ID"] = 1;
        dr["column1"] = "test1.1";
        dr["column2"] = "test1.2";
        dr["column3"] = "test1.3";
        dt.Rows.Add(dr);

        dr = dt.NewRow();
        dr["ID"] = 2;
        dr["column1"] = "test2.1";
        dr["column2"] = "test2.2";
        dr["column3"] = "test2.3";
        dt.Rows.Add(dr);

        //Empty row at the top
        dr = dt.NewRow();
        dr["ID"] = -1;  //-1 is for new rows only
        dt.Rows.InsertAt(dr, 0);    //inserting at 0th position of table

        //Bind data
        GridView1.DataSource = dt;
        GridView1.EditIndex = 0;
        GridView1.DataBind();
    }

    protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
    {
        //Check ID
        if (e.Keys[0].ToString() == "-1")
        {
            //is a new row, insert data
        }
        else
        {
            //is an update, save data
        }

        //Rebind data
        Fill_Grid();
    }

GridView功能

2 个答案: