طريقة عرض البيانات في أداة Gridview Asp.Net

تكنولوجيا0 تعليق478ارسل لصديقنسخة للطباعة

بسم الله الرحمن الرحيم

لتحميل المثال 

إنقر هنا 

موضوع اليوم كيفية عرض البيانت في أداة 

Gridview

من قاعدة البيانات 

في البداية قم بإنشاء جدول في قاعدة البيانات 

 

 

 CREATE TABLE [dbo].[Country]( 

    [ID] [int] IDENTITY(1,1) NOT NULL,

    [Name] [nvarchar](50) NULL,

 CONSTRAINT [PK_Country] PRIMARY KEY CLUSTERED (

     [ID] ASC )

WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF,   ALLOW_ROW_LOCKS  = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY] ) ON [PRIMARY]

 

 

 

بعد أنشاء الجدول قم بإضافة مجموعة من الدول كما بالشكل التالي 

 

 

 

بعد ذلك قم بإنشاء إجراء مخزن في قاعدة البيانت لسرعة جلب البيانات 

CREATE procedure GetCountry

As

begin

   Select ID,Name [dbo].[Country]

end

 

كما بالشكل التالي

 

 

 

بعد ذلك قم بإضافة أداة 

Gridview

<body>  

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

        <div class="container py-4"dir="rtl" style="text-align:right">  

            <h5 class="text-uppercase text-center">عرض البيانات في أداة GridView Asp.Net</h5>  

            <div class="row">  

                <div class="col-md-6">  

                    <div class="form-group">  

                        <label>قائمة الدول العربية</label><br />

                        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" Width="300">

                            <Columns>

                                <asp:BoundField DataField="ID" HeaderText="رقم البلد" />

                                <asp:BoundField DataField="Name" HeaderText="البلد" />

                            </Columns>

                        </asp:GridView>

                        </asp:Repeater>

                    </div>  

                </div>  

            </div>  

        </div>  

    </form>  

</body>

 

 أذهب الا ملف الكود وقم بإضافة كود جلب البيانات 

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            BindGridView();

        }

    }

 

    private void BindGridView()

    {

        string CS = ConfigurationManager.ConnectionStrings["www.ITFY-Edu.com"].ConnectionString;

        using (SqlConnection con = new SqlConnection(CS))

        {

            SqlCommand cmd = new SqlCommand("GetCountry2", con);

            cmd.CommandType = CommandType.StoredProcedure;

            con.Open();

            GridView1.DataSource = cmd.ExecuteReader();

            GridView1.DataBind();

        }

    }

 

الاذ إذهب الى ملف 

web.config 

وقم بإضافة كود الاتصال بقاعدة البيانات 

 <connectionStrings>

    <add name="www.ITFY-Edu.com" connectionString="Data Source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\Database.mdf;Integrated Security=True;User Instance=True" 

         providerName="System.Data.SqlClient" />

  </connectionStrings>

 

قم بالتنفيذ الان 

 

 

 

تابع الشرح فيديو

 

 

 

لتحميل المثال 

إنقر هنا 

 

شكراً لزيارتكم موقعنا

تقنية المعلومات لاجلك

 

 


الذهاب الى مصدر الخبر
إخترنا لك




أخبار ذات صلة