طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

محاسبه مجموع اعداد ستون های DataTables


محاسبه مجموع اعداد ستون های DataTables

DataTable ها توابع بازگشتی (Callback)ی را برای دستکاری در هدر و فوتر HTML و افزودن مقدارها را در اختیار ما قرار می دهند. می توانیم تغییرات مختلفی را بر روی جدول بصورت داینامیک انجام بدیم.

در این آموزش, به شما یک مثال برای محاسبه مجموع اعداد ستون های DataTables و نمایش آن ها در فوتر با استفاده از callback ها را می دهد. این توابع بازگشتی برای ویرایش هدر و فوتر , headerCallback و footerCallback هستند که به عنوان یک آپشن در پلاگین DataTables قابل تعریف است.

در آموزش قبلی, نحوه نمایش لیست نتایج دیتابیس با استفاده از پردازش سمت سرور در DataTable را دیدیم.

محاسبه مجموع اعداد ستون های DataTables

کد HTML برای DataTables با ستون مجموع

کد زیر به شما یک جدول HTML که توسط کتابخانه DataTables برای نمایش نتایج دیتابیس, مقداردهی شده است را نشان می دهد.

ما مقدار serverSide را برای دریافت نتایج دیتابیس با درخواست AJAX را, true قرار می دیم.

این کد شامل یک فوتر برای پر شدن آن با جمع داده های عددی بعد از اجرای توابع بازگشتی footer است.

کد جی کویری محاسبه مجموع اعداد ستون های DataTables

اسکریپت jQuery زیر برای مقداردهی اولیه جدولی که id آن مشخص کردیم, استفاده شده است. که شامل تابع بازگشتی footer برای محاسبه مجموع اعداد ستون های DataTables است. در این تابع, جمع براساس هر ستون انجام می شود.

حتما بخوانید  ساخت انتخابگر رنگ با jQuery UI

در این تابع, مقادیر را با استفاده از column(index).data() دریافت و برای محاسبه ریاضی به فرمت عددی (integer) تبدیل می کنیم. بعد از محاسبه جمع ستون, با استفاده از column(index).html() بصورت داینامیک در فوتر فراخوانی می کنیم.

خروجی : محاسبه مجموع اعداد ستون های DataTables

اسکرین شات زیر به شما لیست نتایج دیتابیس را با فعال کردن پردازش سمت سرور (server-side proccessing) نشان می دهد. همچنین جمع ستون محاسبه شده را توسط اسکریپت callback فوتر نمایش می دهد.

حتما بخوانید  ساخت مگامنو در jQuery

محاسبه مجموع اعداد ستون های DataTables

امیدوارم از آموزش محاسبه مجموع اعداد ستون های DataTables نهایت استفاده را برده باشید .

برای دانلود سورس کد کامل این آموزش از باکس دانلود استفاده کنید.

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید

حسن شفیعی
مدرس ، پنتستر ، توسعه دهنده اپلیکیشن های تحت وب ، عضو مرکز حامی نخبگان و از مدیران و اعضای رسمی تیم امنیتی آشیانه هستم . علاقه خاصی به زبان php و امنیت شبکه و لینوکس دارم و هر روز تلاش می کنم به این حوزه ها مسلط تر شوم و اطلاعاتم را در وب به اشتراک بگذارم

دیدگاه کاربران

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

جدیدترین آموزش های آنلاین



دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

افزایش امنیت سایت

مجوزهای ما


logo-samandehi نماد اعتماد الکترونیک

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

دانلود کتاب

عضویت در خبرنامه