مرتب سازی جداول با JavaScript

یکی از مواردی که برای هر جدولی که وظیفه ی نمایش اطلاعات را برعهده دارد ضروری به نظر میرسد مرتب سازی بر اساس ستون های آن جدول است. برنامه نویسان ASP.net از این موهبت برخوردار هستند که اگر از GridView برای نمایش اطلاعات خود استفاده میکنند میتوانند تنها با ست کردن خواصیت AllowSorting این امکان را به گریدویو خود اضافه نمایند بدون اینکه یک خط کد نوشته باشند. اما اگر در GridView از ItemTemplate استفاده کرده باشید مجبور خواهید بود که رویدا د مرنب سازی را هندل کنید در این صورت باید زحمت نوشتن چند خط کد را بخود بدهید. همچنین اگر خاصیت DataSource تان چیزی غیر از SQLDataSource و کنترل های مشابه آن باشد به این معنی که با کدنویسی مقداردهی میشود نیاز به نوشتن کدهای بیشتری برای هندل کردن رویداد Sorting خواهید داشت. در هر حال کار دشواری پیش رو ندارید. ولی اگر از یک جدول ساده و یا DataList و سایر کنترلهایی که خاصیت مرتب سازی را در خود ندارند استفاده کرده باشید چه باید کرد. مزیت مرتب سازی با جاوا اسکریپ Postback نشدن صفحه است حتی اگر از gridView هم استفاده میکنید مرتب سازی با جاوا اسکریپ به مراتب بهینه تر از استفاده از خاصیت AllowSorting خود کنترل می باشد این مسئله را به وضوح در جداول پیچیده و رکوردهای بالا میتواند حس کرد. بعلاوه این روش امکان پیاده سازی بر روی هر جدول و کنترلی که خروجی نهایی آن بصورت table خواهد بود جواب میدهد فارغ از اینکه ستونهای جداول به چه سبک و فرمتی باشند. تنهای کافیست ابتدا کتابخانه sorttable.js را که در ضمیمه همین مقاله قرارداده شده دانلود کنید

سپس در تگ <Head> آنرا آدرسی دهی کنید

<script src="Js/sorttable.js"></script>

حالا کافیست خاصیت CSS، table یا Gridview یا Datalist ویا هر کنترل دیگری که خروجی نهایی آن بصورت table خواهد بود را sortable قرار دهید

کار تمام شد! به همین سادگی

(79) نفر این پست را پسندیده اند

مرتضی جنگجو

برنامه نویس fullstack با بیش از 14 سال سابقه کار و همکاری در توسعه و پیاده سازی نرم افزارهای تحت وب با تکنولوژی Net. در شرکتهای بزرگ ایرانی، هلندی، فنلاندی و ترکیه

شبکه های اجتماعی نویسنده