首頁 > php教程 > PHP开发 > bootstrap的3級選單樣式,支援母版頁保留開啟狀態實作方法

bootstrap的3級選單樣式,支援母版頁保留開啟狀態實作方法

高洛峰
發布: 2016-12-07 11:19:53
原創
1672 人瀏覽過

razor視圖的,母版頁

依舊不多說,直接上碼

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

<ul class="sidebar-menu">

          @for (int i = 0; i < mList.Count; i++)

          {

            if (mList[i].FatherID == 0)

            {

              mCList = GetChild(mList[i].ModuleId, mList);<!--二级菜单的集合-->

            <li class="treeview"><a href="#"><i class="fa fa-folder-o"></i><span>@mList[i].ModuleName</span><i class="fa fa-angle-left pull-right"></i></a><!--一级菜单-->

              <ul class="treeview-menu">

                @for (int j = 0; j < mCList.Count; j++)   //二级的循环

                {

                  if (mCList[j].FatherID == 41)         //如果是CRM 则进这个循环

                  {

                    mSList = GetChild(mCList[j].ModuleId, mList);  <!--三级菜单的集合-->

                  <li><a href="javascript:void(0);" data-id="@mCList[j].ModuleId"><i class="fa fa-share"></i>@mCList[j].ModuleName<i class="fa fa-angle-left pull-right"></i></a><!--二级菜单-->

                    <ul class="treeview-menu">

                      @for (int k = 0; k < mSList.Count; k++) //三级菜单的循环

                      {

                        if (!String.IsNullOrEmpty(mSList[k].RoteURL))

                        {

                        <li><a href="@Url.Content(mSList[k].RoteURL)?cid=@mSList[k].ModuleId" data-id="@mSList[k].ModuleId"><i class="fa fa-circle-o"></i>@mSList[k].ModuleName</a></li>

                        <!--三级菜单-->

                          i++;

                        }

                        else

                        {

                        <li><a href="javascript:void(0)" data-id="@mSList[k].ModuleId"><i class="fa fa-circle-o"></i>@mSList[k].ModuleName</a></li>

                        <!--三级菜单-->

                          i++;

                        }

                      }

                    </ul>

                  </li>

                      i++;

                  }

                  else  //不是CRM 则进这个

                  {

                    if (!String.IsNullOrEmpty(mCList[j].RoteURL))

                    {

                  <li><a href="@Url.Content(mCList[j].RoteURL)?cid=@mCList[j].ModuleId" data-id="@mCList[j].ModuleId"><i class="fa fa-circle-o"></i>@mCList[j].ModuleName</a></li>

                  <!--二级菜单-->

                      i++;

                    }

                    else

                    {

                  <li><a href="javascript:void(0);" data-id="@mCList[j].ModuleId"><i class="fa fa-circle-o"></i>@mCList[j].ModuleName</a></li>

                  <!--二级菜单-->

                      i++;

                    }

                  }

                }

              </ul>

            </li>

            }

          }

        </ul>

登入後複製

   

重點來了

1

2

3

4

5

6

7

8

9

10

11

12

13

14

$.widget.bridge(&#39;uibutton&#39;, $.ui.button);

      var _url = $.getUrlParam("cid");

      $(".sidebar-menu li a").each(function () { //保留菜单打开的状态

        var _id = $(this).data("id");

        if (_id == _url) {

          $(this).parent().parent().show();

        }

      });

  

      $(".sidebar-menu li a").click(function () {

        $(this).addClass("");

      })

  

    });

登入後複製

效果圖

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板