معرفی
این مقاله نحوه افزودن و حذف ردیفهای جدول HTML به صورت پویا در زمان اجرا و ذخیره تمام ردیفها در پایگاه داده با استفاده از ASP.NET C#، jQuery و Ajax را نشان میدهد.
مزایای استفاده از جدول HTML
- جداول HTML در مقایسه با GridView از ASP.NET Server Control وزن کمی دارند.
- ما سطرها را با استفاده از jQuery از سمت مشتری اضافه و حذف خواهیم کرد.
بیایید نحوه ایجاد برنامه را ببینیم:
مرحله 1: ایجاد جدول SQL.
ساختار جدول SQL برای این برنامه مانند موارد زیر است:
پرس و جوی SQL مطابق ساختار بالا در اینجا نشان داده شده است:
مرحله 2: طراحی صفحه ASPX.
در اینجا من از bootstrap برای ظاهر و احساس بهتر استفاده کرده ام، اما شما می توانید از css خود استفاده کنید.
پس از افزودن این صفحه به شکل زیر در می آید:
مرحله 3: اضافه کردن کنترل ها با استفاده از jQuery.
من کنترل هایی را بر اساس کلیک روی دکمه Add More با نام کلاس classAdd اضافه کرده ام.
در اینجا من <tr> جدید را با نام کلاس data-contact-person اضافه می کنم.
در نهایت من این را با شناسه جدول به عنوان maintable به جدول خود اضافه می کنم .