PDA

View Full Version : سوال: نحوه تغییر نمایش لیست آیتم ها


TandisSoft
چهارشنبه 21 مهر 1395, 13:33 عصر
سلام دوستان. در بعضی از وبسایت ها مثل دیوار این امکان هست که بشه نهحوه نمایش آگهی ها رو به حالت لیستی یا تک سری در آورد. یعنی هم میشه هر آگهی رو در یک سطر دید و هم میشه ۳ تا اگهی در یک ردیف داشت. چطور این امکانپذیره البته نمیخوام صفحه ریفرش بشه و ریسپانسیو هم باشه. ممنون میشم راهنمایی بفرمایید
پیام حیاتی
چهارشنبه 21 مهر 1395, 16:38 عصر
سلام
یک روش این هست که از دو پنل استفاده کنید ، یکی برای نمایش حالت لیستی و دیگری برای تک حالتی.
رمانی که بر روی دکمه تغییر حالت نمایش کلیک کرد پنل قبلی غیر فعال و پنل جدید فعال شود ، برای اینکه رفرش صورت نگیرید از Ajax استفاده کنید.
TandisSoft
جمعه 23 مهر 1395, 10:07 صبح
سلام
یک روش این هست که از دو پنل استفاده کنید ، یکی برای نمایش حالت لیستی و دیگری برای تک حالتی.
رمانی که بر روی دکمه تغییر حالت نمایش کلیک کرد پنل قبلی غیر فعال و پنل جدید فعال شود ، برای اینکه رفرش صورت نگیرید از Ajax استفاده کنید.

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

نمونه کد اگه دوستان لطف کنن ممنون میشم. ajax زیاد کار نکردم. اساتید کمک کنند لطفا
پیام حیاتی
جمعه 23 مهر 1395, 12:26 عصر
قرار نیست اطلاعات رو در هر دو پنل لود کنید ، اطلاعات یک بار لود میشن و با کلیک بر روی دکمه تنها حالت نمایش بر اساس چیدمان طراحی شده در css تغییر می کند.
TandisSoft
جمعه 23 مهر 1395, 12:42 عصر
قرار نیست اطلاعات رو در هر دو پنل لود کنید ، اطلاعات یک بار لود میشن و با کلیک بر روی دکمه تنها حالت نمایش بر اساس چیدمان طراحی شده در css تغییر می کند.

خب بنده دقیقا ی نمونه از همین میخوام

میدونم باید این کار رو کرد اما نمیدونم چطور باید پیاده اش کرد
TandisSoft
دوشنبه 26 مهر 1395, 10:27 صبح
جالبه که دوستان فقط در حد نظر دادن استادن
anvar
دوشنبه 26 مهر 1395, 10:44 صبح
سرچ رو واسه همچنین مواقعی اختراع کردن

مقاله شماره 1
http://www.vandelaydesign.com/list-grid-view-switch/


دموی مقاله شماره 1
http://www.vandelaydesign.com/demos/list-grid-view/index.html



مقاله شماره 2
http://www.webcodo.net/grid-list-view-with-jquery-category-filter-cookie-support/#.WAR-deh961s


دموی مقاله شماره 2
http://demo.webcodo.net/switch-products-view-grid-list-jquery-with-filter-and-cookie/



این دو مقاله برای اصل ایده نمایش دوگانه مناسب هستن - بهینه سازی رو باید خودت در نظر بگیری البته نوع اطلاعاتی که در دو حالت نمایش میدی مهم هستند
پیام حیاتی
دوشنبه 26 مهر 1395, 12:30 عصر
جالبه که دوستان فقط در حد نظر دادن استادن

شما استاد بنده باش محبت کن ابتدا جستجو کردن در نت رو فرا بگیر و بعد آموزش های برنامه نویسی.
قرار نیست اینجا برای شما کد پروژه مربوطه را تولید کنیم یا آموزش صفر تا صد بزاریم.