اضافه کردن سطر جدید درGridView

**z.kebria** · 3rd July 2012 07:44 PM

سلام دوستان
چطور می تونم یک سطر جدید رو به GridView اضافه کنم؟؟؟؟
در واقع می خوام توی GridView عملیات insert رو انجام بدم

موضوعات مشابه:

**Hossein** · 3rd July 2012 09:56 PM

نوشته اصلی توسط z.kebria

سلام دوستان
چطور می تونم یک سطر جدید رو به GridView اضافه کنم؟؟؟؟
در واقع می خوام توی GridView عملیات insert رو انجام بدم

برای اینکه بتونیم این کارو انجام بدیم قبلش لازمه یک فرمی رو برای وقتی که داده ای در دیتابیس ما وجود نداره بوجود بیاریم و کاربر بتونه اینسرتشو انجام بده . برای اینکار ما از پراپرتی EmptyDataTemplate گرید ویومون استفاده میکنیم و میایم طرحی که مدنظرمون هست رو توش پیاده میکنیم . بعنوان مثال در نمونه پروژه ای که مد خدمتتون میدم EmptyDataTemplate بصورت زیر هست :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title>GridView Add Records from Empty Data Template</title>

</head>

<body style="margin: 0; padding: 0">

    <form id="form1" runat="server">

<asp:GridView ID="GridView1" runat="server" Width="550px" AutoGenerateColumns="false"

    AlternatingRowStyle-BackColor="#C2D69B" HeaderStyle-BackColor="green" ShowFooter="true">

    <Columns>

        <asp:TemplateField HeaderText="Customer Name">

            <ItemTemplate>

                <%# Eval("CustomerName") %>

            </ItemTemplate>

            <FooterTemplate>

                <asp:TextBox ID="txtCustomerName" runat="server" />

            </FooterTemplate>

        </asp:TemplateField>

        <asp:TemplateField HeaderText="Company Name">

            <ItemTemplate>

                <%# Eval("CompanyName") %>

            </ItemTemplate>

            <FooterTemplate>

                <asp:TextBox ID="txtCompanyName" runat="server" />

            </FooterTemplate>

        </asp:TemplateField>

        <asp:TemplateField HeaderText="City">

            <ItemTemplate>

                <%# Eval("City") %>

            </ItemTemplate>

            <FooterTemplate>

                <asp:TextBox ID="txtCity" runat="server"></asp:TextBox>

            </FooterTemplate>

        </asp:TemplateField>

            <asp:TemplateField>

            <ItemTemplate>

            </ItemTemplate>

            <FooterTemplate>

                <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="Add" CommandName = "Footer" />

            </FooterTemplate>

        </asp:TemplateField>

    </Columns>

    <AlternatingRowStyle BackColor="#C2D69B" />

    <EmptyDataTemplate>

        <tr style="background-color: Green;">

            <th scope="col">

                Customer Name

            </th>

            <th scope="col">

                Company Name

            </th>

            <th scope="col">

                City

            </th>

            <th scope="col">

                    

            </th>

        </tr>

          

        <tr>

            <td>

                <asp:TextBox ID="txtCustomerName" runat="server" />

            </td>

            <td>

                <asp:TextBox ID="txtCompanyName" runat="server" />

            </td>

            <td>

                <asp:TextBox ID="txtCity" runat="server" />

            </td>

            <td>

                <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="Add" CommandName = "EmptyDataTemplate" />

            </td>

        </tr>

    </EmptyDataTemplate>

</asp:GridView>

    </form>

</body>

</html>

همونطور که میبینید ما سه ستون داریم که برای مثالمون ازش استفاده میکنیم و به تعداد این ستونها هم در EmptyDATATemplate و FooterTemplate کنترلهای مورد نیازمون رو ساختیم ( تکست باکس و ...)
این فرم زمانی که ما داده ای نداریم که بخواد نمایش داده بشه به کاربر نمایش داده میشه .

قدم بعدی ما اینه که دیتاسورسمون رو با Gridview خودمون بایند کنیم . برای این کار هم اینطور عمل میکنیم :





protected void Page_Load(object sender, EventArgs e)

{

    if (!IsPostBack)

    {

        this.BindData();

    }

}

 

private void BindData()

{

    string strConnString = ConfigurationManager.ConnectionStrings["conString"].ConnectionString;

    DataTable dt = new DataTable();

    using (SqlConnection con = new SqlConnection(strConnString))

    {

        string strQuery = "SELECT * FROM Customers";

        SqlCommand cmd = new SqlCommand(strQuery);

        using (SqlDataAdapter sda = new SqlDataAdapter())

        {

            cmd.Connection = con;

            con.Open();

            sda.SelectCommand = cmd;

            sda.Fill(dt);

            GridView1.DataSource = dt;

            GridView1.DataBind();

        }

    }

}

و در اخر هم برای Insert کردن ما از کد زیر استفاده میکنیم :





protected void Page_Load(object sender, EventArgs e)

{

    if (!IsPostBack)

    {

        this.BindData();

    }

}

 

private void BindData()

{

    string strConnString = ConfigurationManager.ConnectionStrings["conString"].ConnectionString;

    DataTable dt = new DataTable();

    using (SqlConnection con = new SqlConnection(strConnString))

    {

        string strQuery = "SELECT * FROM Customers";

        SqlCommand cmd = new SqlCommand(strQuery);

        using (SqlDataAdapter sda = new SqlDataAdapter())

        {

            cmd.Connection = con;

            con.Open();

            sda.SelectCommand = cmd;

            sda.Fill(dt);

            GridView1.DataSource = dt;

            GridView1.DataBind();

        }

    }

}

هر رکوردی که اضافه بشه ما زیرش دوباره میتونیم براحتی درج بعدی رو داشته باشیم . شما میتونید یک دکمه دیگه رو هم قرار بدید که مثلا با کلیک روی اون Footerتون نمایش داده بشه و یا هروقت دیگه نیازی به اینسرت نبود با کلیک دوباره روی اون فوتر رو مخفی کنید .
(