نمایش نتایج 1 تا 11 از 11

نام تاپیک: ساخت منو و زیر منو پیشرفته در asp

  1. #1
    کاربر جدید
    تاریخ عضویت
    تیر 1396
    پست
    26
    تشکر کردن
    16
    0 بار تشکر شده در 0 پست

    ساخت منو و زیر منو پیشرفته در asp

    سلام
    یه سیستم منو میخوام مانند منو سایت دیجی کالا
    اگه کسی میتونه کمک کنه هم جداول بانک اطلاعاتی و هم کد نویسی کامل asp
    آخرین ویرایش به وسیله mo7300 : چهارشنبه 26 اردیبهشت 1397 در 20:10 عصر

  2. #2
    کاربر دائمی آواتار 336699
    تاریخ عضویت
    خرداد 1391
    محل زندگی
    ایران
    پست
    234
    تشکر کردن
    15
    93 بار تشکر شده در 82 پست

    نقل قول: ساخت منو و زیر منو پیشرفته در asp

    نقل قول نوشته شده توسط mo7300 مشاهده تاپیک
    سلام
    یه سیستم منو میخوام مانند منو سایت دیجی کالا
    اگه کسی میتونه کمک کنه هم جداول بانک اطلاعاتی و هم کد نویسی کامل asp
    فقط کد نویسی بهینه باشه
    پیشنهاد اول
    ۵۰۰ هزار تومان در ۳ روز

  3. #3
    کاربر جدید
    تاریخ عضویت
    تیر 1396
    پست
    26
    تشکر کردن
    16
    0 بار تشکر شده در 0 پست

    نقل قول: ساخت منو و زیر منو پیشرفته در asp

    نقل قول نوشته شده توسط 336699 مشاهده تاپیک
    پیشنهاد اول
    ۵۰۰ هزار تومان در ۳ روز
    فکر نمیکنم زیاد پیچیده باشه که اینقدر هزینه بر باشه
    به راهنمایی ساده میخواستم
    مخصوصا در مورد فراخوانی زیر منو ها از دیتابیس

  4. #4
    کاربر دائمی
    تاریخ عضویت
    بهمن 1388
    محل زندگی
    تهران
    پست
    222
    تشکر کردن
    33
    294 بار تشکر شده در 104 پست

    نقل قول: ساخت منو و زیر منو پیشرفته در asp

    مدل دیتابیس :
        public partial class Menus    {
    public int MenuId { get; set; }
    public string MenuName { get; set; }
    public string MenuCaption { get; set; }
    public string MenuController { get; set; }
    public string MenuAction { get; set; }
    public Nullable<int> ParentMenuId { get; set; }
    public string MenuIcon { get; set; }
    public string MenuType { get; set; }
    public string MenuDescription { get; set; }

    }


    کدنویسی :
    داخل کنترلر مورد نظر (به عنوان مثال اسم کنترلر باشه Layout)یه اکشن متد بسازید به نام Menu به اینصورت :
       

    [ChildActionOnly]
    public ActionResult Menu()
    {
    var menu = GetTreeMenus();
    return PartialView(menu);
    }


    public class TreeMenu
    {
    public int id { get; set; }
    public string label { get; set; }
    public string action { get; set; }
    public string controller { get; set; }
    public int? parentid { get; set; }
    public IList<TreeMenu> items { get; set; }
    }



    public IList<TreeMenu> GetTreeMenus()
    {
    var Menus = _menus.Where(x => x.ParentMenuId == null).ToList();
    List<TreeMenu> tree = new List<TreeMenu>();
    foreach(var m in Menus)
    {
    var node = new TreeMenu
    {
    id = m.MenuId,
    label = m.MenuCaption,
    controller = m.MenuController,
    action = m.MenuAction,
    parentid = m.ParentMenuId,
    items = GetChildren(m.MenuId)
    };
    tree.Add(node);
    }
    return tree;
    }




    public List<TreeMenu> GetChildren(int id)
    {
    var Menus = _menus.Where(x => x.ParentMenuId == id).ToList();
    List<TreeMenu> tree = new List<TreeMenu>();


    foreach (var m in Menus)
    {
    var node = new TreeMenu
    {
    id = m.MenuId,
    label = m.MenuCaption,
    controller = m.MenuController,
    action = m.MenuAction,
    parentid = m.ParentMenuId,
    items = GetChildren(m.MenuId)
    };
    tree.Add(node);
    }
    return tree;
    }




    view که میسازید از نوع PartialView باشه :

    @model IList<TreeMenu>

    @ShowTree(Model)


    @helper ShowTree(IList<TreeMenu> menus)
    {
    <ul>
    @foreach (var m in menus)
    {
    if (m.items.Count == 0)
    {
    <li>
    @if (!string.IsNullOrEmpty(m.action) && !string.IsNullOrEmpty(m.controller))
    {
    <span>@Html.ActionLink(m.label, m.action, m.controller)</span>
    }
    else
    {
    <span>@m.label</span>
    }
    </li>
    }
    else if(m.items.Count > 0)
    {
    <li class="parent">
    <div>
    @if (!string.IsNullOrEmpty(m.action) && !string.IsNullOrEmpty(m.controller))
    {
    <span>
    @Html.ActionLink(m.label, m.action, m.controller)
    </span>
    }
    else
    {
    <span>@m.label</span>
    }
    <span class="downIcon ion-chevron-right ico8"></span>
    </div>
    @ShowTree(m.items)
    </li>
    }
    }
    </ul>
    }




    آخر سر هم باید یه جا این اکشن متذ رو فراخوانی کنید مثلا توی ویوی نمایش محصولات :
    کد HTML:
     <div id="menu">@Html.Action("Menu", "Layout")</div>
    آخرین ویرایش به وسیله ghossein : چهارشنبه 02 خرداد 1397 در 13:22 عصر

  5. 2 کاربر از ghossein به خاطر این مطلب مفید تشکر کرده اند:


  6. #5
    کاربر دائمی
    تاریخ عضویت
    آبان 1387
    پست
    1,181
    تشکر کردن
    659
    78 بار تشکر شده در 59 پست

    نقل قول: ساخت منو و زیر منو پیشرفته در asp

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

  7. #6
    کاربر دائمی
    تاریخ عضویت
    دی 1389
    محل زندگی
    نهاوند
    سن
    28
    پست
    283
    تشکر کردن
    112
    368 بار تشکر شده در 149 پست

    نقل قول: ساخت منو و زیر منو پیشرفته در asp

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

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

  8. کاربرانی که به خاطر مطلب مفید میلاد رئیسی از وی تشکر کرده‌اند:


  9. #7
    کاربر دائمی
    تاریخ عضویت
    آبان 1387
    پست
    1,181
    تشکر کردن
    659
    78 بار تشکر شده در 59 پست

    نقل قول: ساخت منو و زیر منو پیشرفته در asp

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

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

  10. #8
    کاربر دائمی
    تاریخ عضویت
    دی 1389
    محل زندگی
    نهاوند
    سن
    28
    پست
    283
    تشکر کردن
    112
    368 بار تشکر شده در 149 پست

    نقل قول: ساخت منو و زیر منو پیشرفته در asp

    میدونم . من یه قدم جلو تر رو گفتم .

    برای این کار باید همه موراد رو فراخوانی کنی ولی با استفاده از جاوا اسکریپت و css فقط عنوان ها رو نمایش بدی بعد در رویداد کلیک عناوین متد نمایش زیر مجموعه ها رو بنویسی

  11. کاربرانی که به خاطر مطلب مفید میلاد رئیسی از وی تشکر کرده‌اند:


  12. #9
    کاربر دائمی
    تاریخ عضویت
    بهمن 1388
    محل زندگی
    تهران
    پست
    222
    تشکر کردن
    33
    294 بار تشکر شده در 104 پست

    نقل قول: ساخت منو و زیر منو پیشرفته در asp

    سلام
    برای مثال بالا :

        $("div#menu ul li div").click(function () {
    var parent = $(this).parent();
    var status = $(parent).attr('class');
    if (status === 'parent') {
    $(parent).find("ul").show();
    $(parent).removeClass("parent");
    $(parent).addClass("expand");
    }
    if (status === 'expand') {
    $(parent).find("ul").hide();
    $(parent).removeClass("expand");
    $(parent).addClass("parent");
    }
    });

  13. کاربرانی که به خاطر مطلب مفید ghossein از وی تشکر کرده‌اند:


  14. #10
    کاربر دائمی
    تاریخ عضویت
    آبان 1387
    پست
    1,181
    تشکر کردن
    659
    78 بار تشکر شده در 59 پست

    نقل قول: ساخت منو و زیر منو پیشرفته در asp

    نقل قول نوشته شده توسط ghossein مشاهده تاپیک
    سلام
    برای مثال بالا :

        $("div#menu ul li div").click(function () {
    var parent = $(this).parent();
    var status = $(parent).attr('class');
    if (status === 'parent') {
    $(parent).find("ul").show();
    $(parent).removeClass("parent");
    $(parent).addClass("expand");
    }
    if (status === 'expand') {
    $(parent).find("ul").hide();
    $(parent).removeClass("expand");
    $(parent).addClass("parent");
    }
    });
    باسلام وسپاس از جوابتان
    الف)اگر بخواهیم وقتی صفحه لود میشود داده ها جمع باشند(فقط عنوان اصلی باشد وکلیک کردیم دادهای فرزند نمایش داده شوند)چه کدی باید نوشت
    ب) این چگونه می توانیم تبدیل به منو آکاردئوی(accordion) نه کشوی کنیم
    باتشکر

  15. #11
    کاربر دائمی
    تاریخ عضویت
    بهمن 1388
    محل زندگی
    تهران
    پست
    222
    تشکر کردن
    33
    294 بار تشکر شده در 104 پست

    نقل قول: ساخت منو و زیر منو پیشرفته در asp

    سلام
    کدهای css مثال بالا هم به این صورت میشه :

    div#menu ul li a{    color:#f5faff;
    text-decoration: none;
    display: block;
    padding-right: 10px;
    }
    div#menu ul li div {padding-right: 10px; }


    div#menu ul li {
    color: #f5faff;
    font-family: 'IRANSans';
    font-weight: 200;
    font-size: 10pt;
    line-height: 30px;
    text-align: right;
    background-color: #1f242a;
    border-bottom: 1px solid #242b32;
    }
    div#menu ul li.expand:hover {
    text-align: right;
    background-color: #1f242a;
    border-right: none;
    color: #89ff8f !important;
    }
    div#menu ul li a:hover ,div#menu ul li div:hover{
    text-align: right;
    background-color: #414141;
    border-right: 2px solid #89ff8f;
    color: #89ff8f !important;
    }
    div#menu ul li:last-child{
    border-bottom: none;
    }
    div#menu ul li ul{
    display: none;
    }
    div#menu ul li ul li{
    background-color: #222222;
    border-bottom: none;
    }

  16. کاربرانی که به خاطر مطلب مفید ghossein از وی تشکر کرده‌اند:


تاپیک های مشابه

  1. مقاله آموزش ساخت منو داینامیک در ASP.NET
    نوشته شده توسط dr_csharp در بخش ASP.NET
    پاسخ: 9
    آخرین پست: شنبه 09 شهریور 1392, 22:10 عصر
  2. حرفه ای: ساخت منو بار در اکسس 2010
    نوشته شده توسط mosafer1362 در بخش Access
    پاسخ: 1
    آخرین پست: سه شنبه 19 مهر 1390, 12:12 عصر
  3. ساخت منو ها در بازی
    نوشته شده توسط banitaba در بخش طراحی و ساخت بازی‌های کامپیوتری
    پاسخ: 8
    آخرین پست: شنبه 08 خرداد 1389, 01:37 صبح
  4. مشکل در نمایش زیر منو ها در asp:menu
    نوشته شده توسط maxpayn2 در بخش ASP.NET
    پاسخ: 1
    آخرین پست: دوشنبه 10 دی 1386, 12:50 عصر
  5. فیلتر یا transition بر منو ها در asp.net 2.0
    نوشته شده توسط amir_monster در بخش ASP.NET
    پاسخ: 4
    آخرین پست: یک شنبه 01 مهر 1386, 10:02 صبح

برچسب های این تاپیک

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •