تبلیغات
آموزشASP.NET - ایجاد یک برنامه وب نمونه در دات نت ( بخش نهم )
 
فردا روشن اسن به
آموزشASP.NET
صفحه نخست         تماس با مدیر         پست الکترونیک        RSS         ATOM
 
 

در بخش هفتم این مقاله به مراحل اول و دوم (  استفاده از کلاس SqlConnection   و نمایش داده در DataGrid  )  و در بخش هشتم به  مرحله سوم (   Paging و مرتب سازی DataGrid ) مربوط به فاز پنجم ، اشاره گردید . در این بخش به بررسی مرحله چهارم ، خواهیم پرداخت ( ویرایش ، بهنگام سازی ) .

فاز پنجم : دستیابی به داده در فرم های وب

  • مرحله اول : استفاده از کلاس SqlConnection

  • مرحله دوم  : نمایش داده در DataGrid

  • مرحله سوم : Paging و مرتب سازی DataGrid

  • مرحله چهارم : دستورات  ویرایش وبهنگام سازی

مرحله چهارم : دستورات ویرایش و بهنگام سازی . در این مرحله با نحوه اضافه نمودن یک ستون به کنترل DataGrid   به منظور ویرایش و بهنگام سازی داده ، آشنا می شویم.

افزودن یک ستون به DataGrid

  • سوئیچ به Design View مربوط به صفحه LoginDemo.aspx ( انتخاب View | Designer و یا فعال نمودن کلید  SHIFT+F7 )

  • کلیک بر روی HTML tab برای مشاهده محتوی صفحه . افزودن کد زیر بین <asp:Datagrid> و </asp:Datagrid> . ( کد فوق یک ستون و با نام "ویرایش"  و از نوع LinkButton ایجاد می نماید)
     

    Creates a custom column

     <asp:Datagrid id="dgArticles" ... >
      <Columns>
       <asp:EditCommandColumn ButtonType="LinkButton" UpdateText="بهنگام" CancelText="انصراف"  EditText="ویرایش">
         </asp:EditCommandColumn>

      </Columns>
    </asp:Datagrid>

  • سوئیچ به Design View ( کلیک بر روی Desgin Tab )

  • شکل DataGrid در فرم وب :

  • اجرای برنامه ( Debug | Start و یا فعال نمودن کلید F5 )

  • درج داده ورودی در فیلدهای "نام " و "رمز عبور" ( Srco,Srcopassword )

  • کلیک بر روی دکمه "ورود به سایت " 

  • در صورت تائید کاربر ، وی به صفحه  LoginDemo.aspx ، هدایت و از طریق صفحه فوق ، داده موجود در جدول SrcoArticles در DataGrid ( به همراه یک ستون جدید با نام "ویرایش"  ) نمایش داده می شود.

تمهیدات لازم برای نمایش پیام به کاربر پس از بهنگام سازی داده

  • انتخاب View | Toolbox و یا فعال نمودن کلید های CTRL+ALT+X

  • انتخاب کنترل  Label ازطریق Web Forms tab موجود در  Toolbox و استفرار آن بر روی فرم وب LoginDemo.aspx  ( در وضعیت Desgin view )  و در قسمت پائین DataGrid

  •  تنیظیم خصلت های زیر برای کنترل  Label  استفاده شده بر روی فرم وب . ( برای مشاهده پنجره Properties مربوط به یک کنترل ، پس از انتخاب کنترل دستور View|Properties را فعال و یا از کلید F4 ، استفاده می نمائیم ) .

    تنظیم خصلت های کنترل  Label  

    خصلت

     مقدار

    ID

     lblMessage

    Text خالی

افزودن امکان ویرایش ، بهنگام سازی ، انصراف در DataGrid

  • سوئیچ به صفحه Code behind مربوط به صفحه LoginDemo.aspx ( انتخاب View | Code و یا فعال نمودن کلید F7 )

  •  انتخاب dgArticles از طریق Drop Down مربوط به اسامی کلاس ها

  • انتخاب متد EditCommand از طریق Drop Down مربوط به اسامی متدها . در ادامه ویژوال استودیو یک Event handler با نام dgArticles_EditCommand   ، ایجاد می نماید .

  • انتخاب CancelCommand از طریق Drop Down مربوط به اسامی متدها . در ادامه ویژوال استودیو یک Event handler با نام dgArticles_CancelCommand   ، ایجاد می نماید .

  • انتخاب UpdateCommand از طریق Drop Down مربوط به اسامی متدها . در ادامه ویژوال استودیو یک Event handler با نام dgArticles_UpdateCommand   ، ایجاد می نماید .

  • افزودن کد زیر در متد dgArticles_EditCommand ( امکان ویرایش DataGrid فراهم می گردد ) .

EditCommand method

 Private Sub dgArticles_EditCommand(ByVal source As Object, ByVal e As_ System.Web.UI.WebControls.DataGridCommandEventArgs) Handles dgArticles.EditCommand
  dgArticles.EditItemIndex = CInt(e.Item.ItemIndex)
  BindGrid("dgArticles")
End Sub

  • افزودن کد زیر در متد dgArticles_CancelCommand ( امکان انصراف از عملیات ویرایش  در DataGrid فراهم می گردد ) .

 

CancelCommand method

 Private Sub dgArticles_CancelCommand(ByVal source As Object, ByVal e As_ System.Web.UI.WebControls.DataGridCommandEventArgs) Handles dgArticles.CancelCommand
  dgArticles.EditItemIndex = -1
  BindGrid("dgArticles")
End Sub

  • افزودن کد زیر در متد dgArticles_UpdateCommand ( امکان بهنگام سازی داده  در DataGrid فراهم می گردد ) .

UpdateCommand method

 Private Sub dgArticles_UpdateCommand(ByVal source As Object, ByVal e As _
 System.Web.UI.WebControls.DataGridCommandEventArgs) Handles dgArticles.UpdateCommand
 Dim updateCmd As String

 updateCmd = "UPDATE SrcoArticles SET Title = @Title where ArticleID = " &  _
 dgArticles.DataKeys(CInt(e.Item.ItemIndex))

Dim myCommand As SqlCommand
myCommand = New SqlCommand(updateCmd, myConnection)

myCommand.Parameters.Add(New SqlParameter("@Title", SqlDbType.NVarChar, 80))
Dim CurrentTextBox As System.Web.UI.WebControls.TextBox
CurrentTextBox = e.Item.Cells(1).Controls(0)
myCommand.Parameters("@Title").Value = CurrentTextBox.Text
myCommand.Connection.Open()
Try
  myCommand.ExecuteNonQuery()
   lblMessage.Text = "<b> عنوان مقاله " & dgArticles.DataKeys(CInt(e.Item.ItemIndex)) & " بهنگام گردید  </b><br>"
   dgArticles.EditItemIndex = -1
   Catch exp As Exception
    lblMessage.Text = "ERROR: " & exp.Message
End Try

myCommand.Connection.Close()
BindGrid("dgArticles")
End Sub
 

  • اجرای برنامه ( Debug | Start و یا فعال نمودن کلید F5 )

  • درج داده ورودی در فیلدهای "نام " و "رمز عبور" ( Srco,Srcopassword )

  • کلیک بر روی دکمه "ورود به سایت " 

  • در صورت تائید کاربر ، وی به صفحه  LoginDemo.aspx ، هدایت و از طریق صفحه فوق ، داده موجود در جدول SrcoArticles در DataGrid نمایش داده می شود( به همراه لینک ویرایش ) 

  • کلیک بر روی لینک "ویرایش "  در هر یک از سطرهای DataGrid :

  • پس از نمایش DataGrid ( قابل ویرایش ) ، عنوان مقاله را تغییر و در ادامه لینک " بهنگام " را فعال تا تغییرات مورد نظر در بانک اطلاعاتی ذخیره گردد. پس از بهنگام سازی ، پیام " عنوان مقاله < شماره مقاله> بهنگام گردید " از طریق کنترل lblMessage  نیز نمایش داده می شود.

نتایج مرحله  چهارم  فاز پنجم  :

  • آشنائی با  نحوه ویرایش و  بهنگام سازی داده موجود در یک DataGrid

در بخش دهم ( آخر)  این مقاله به بررسی عملیات مربوط به فاز ششم ، خواهیم پرداخت .





نوع مطلب :
برچسب ها :
لینک های مرتبط :


شنبه 25 شهریور 1396 11:41 ق.ظ
Heya i'm for the primary time here. I found this board and I to find It
really helpful & it helped me out a lot. I am hoping to present one thing
back and help others such as you helped me.
سه شنبه 14 شهریور 1396 11:02 ق.ظ
I'm not sure exactly why but this website is loading incredibly slow for me.
Is anyone else having this problem or is it
a issue on my end? I'll check back later on and see if
the problem still exists.
چهارشنبه 1 شهریور 1396 10:58 ق.ظ
Thanks for a marvelous posting! I really enjoyed reading it,
you can be a great author. I will be sure to bookmark your blog and will come back in the foreseeable future.
I want to encourage you to definitely continue your great posts,
have a nice weekend!
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر


درباره وبلاگ

سلام من آرش کاکاوند دانشجوی رشته کامپیوتر هستم و ورود شما رابه دنیای aspخوش امدمیگم.حتما نظر بدین تا من کارم رو بهتر ادامه بدم

مدیر وبلاگ : ارش کاکاوند
مطالب اخیر
نویسندگان
صفحات جانبی
نظرسنجی
شما کدام یک از برنامه های زیر را برای طراحی وب انتخاب می کنید؟








جستجو

آمار وبلاگ
کل بازدید :
بازدید امروز :
بازدید دیروز :
بازدید این ماه :
بازدید ماه قبل :
تعداد نویسندگان :
تعداد کل پست ها :
آخرین بازدید :
آخرین بروز رسانی :