ورود

View Full Version : حرفه ای: سرچ در منوی پنل مدیریت و تشخیص منوی فعال



سعید کشاورز
شنبه 22 مهر 1396, 16:18 عصر
سلام دوستان.
دوتا سوال دارم
1) فرض کنید یه ساید بار داریم که داخلش کلی گزینه وجود داره حالا یه مقداری سخت میشه که کاربر بخواد گزینه مورد نظر رو پیدا کنه..
حالا توی AdminLTE که یه قالب مدیریت رایگان هست بالای منو گزینه سرچ داره..توی MVC چجوری میشه این سایدبار رو جوری تولید کرد که بشه با سرچ بالا داخل آیتم های اون جستجو کرد؟ اگر سمپل معرفی کنید ممنون میشم
2) چجوری میشه فهمید الان کدوم گزینه (کنترلرر و یا اکشن) هستیم و کلاس active رو به اون منو اختصاص بدم تا منو باز بمونه..یه سری لینک توی stackoverflow پیدا کردم که یکسری افراد اومده بودن Helper اختصاصی خودشون رو نوشته بودم.میخاستم از تجربه شما دوستان عزیز هم استفاده کنم.
نمونه تصویر هم پیوست کردم..

Moien Tajik
شنبه 22 مهر 1396, 21:56 عصر
1- فکر میکنم بهتر باشه سمت Client این Filter اعمال بشه چون در ابتدا همه ی item ها دریافت میشه و بر اساس اون ها li های Sidebar ساخته میشه.
میشه برای رویداد OnKeyUp اون SearchBox کد بنویسید و بر اساس اون ، آیتم های ul رو Filter کنه با JavaScript یا JQuery :
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_filter_list

2-Handle کردن این موضوع بر خلاف فریمورک هایی مثل angular که نیم خط کد میشه ، تو mvc پیچیدس !

قبلا بنده از این استفاده میکردم : https://stackoverflow.com/a/20411015/6661314
این هم خوبه اما limit هایی داره مثل اینکه نمیشه html attributes رو بهش اعمال کرد که باید خودتون custom اش کنید : https://stackoverflow.com/a/29968637/6661314

hakim22
دوشنبه 24 مهر 1396, 10:37 صبح
انجام این کار با جاوا اسکریپت یا جیکوئری به تنهایی خیلی مشکل میشه. برای انجام اینکار ابتدا باید از یک ابزار مانند Knockout.js یا Vue.js استفاده کنید.
هر کدام از آیتمهای منو درون یک آرایه قرار میگیره و میتونه یک Object باشه. و می توانید وضعیت منو (فعال یا غیر فعال) رو درون Object ذخیره کنید و بین آیتمهای آرایه جستجو کنید.

Moien Tajik
دوشنبه 24 مهر 1396, 14:26 عصر
صرفا برای فیلتر کردن چند li بنظر استفاده از knockout و vue کاری اضافه هست.
برای کار با لیست ها از List.js (http://listjs.com/) میشه استفاده کرد .