<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      RDIFramework.NET V2.7 Web版本升手風(fēng)琴+樹型目錄(2級(jí)+)方法

      RDIFramework.NET V2.7 Web版本升手風(fēng)琴+樹型目錄(2級(jí)+)方法

       

        手風(fēng)琴風(fēng)格在Web應(yīng)用非常的普遍,越來(lái)越多的Web應(yīng)用都是采用這種方式來(lái)體現(xiàn)各個(gè)功能模塊,傳統(tǒng)的手風(fēng)琴風(fēng)格只支持兩級(jí)模塊,當(dāng)我們的功能模塊多于兩級(jí)時(shí),我們一般采用樹來(lái)構(gòu)造功能菜單(我們的框架也提供了這種方式),但這種方式?jīng)]有手風(fēng)琴效果美觀,因此我們采用了手風(fēng)琴+樹的形式來(lái)構(gòu)造“手風(fēng)琴+樹型目錄(2級(jí)+)”界面風(fēng)格,以展示多級(jí)功能菜單,滿足用戶的要求。Web展示效果如下:

        

        要以“手風(fēng)琴+樹型目錄(2級(jí)+)”的風(fēng)格來(lái)展示功能模塊,我們需要在“系統(tǒng)配置”的“個(gè)性化”設(shè)置中進(jìn)行個(gè)性化設(shè)置,這兒的設(shè)置可針對(duì)不同人的愛好進(jìn)行各自的設(shè)置。如下圖所示:

        

        具體實(shí)現(xiàn)方式為以下幾個(gè)步驟:

       一、設(shè)置SysConfig.js,增加一個(gè)展示方式,如下圖所示:

        

       二、在newlayout.js中增加一個(gè)展現(xiàn)形式的判斷,單獨(dú)判斷我們新增的“AccordionTree”展示樣式,如下圖所示:

        

        其中的AccordionTree.init();代碼如下:   

      //手風(fēng)琴 + tree
      var AccordionTree = {
          init: function () {
              $.each(_menus, function (i, n) {
                  var cssIcon = 'icon icon-application_osx'; //沒有設(shè)置圖標(biāo),則取一個(gè)默認(rèn)圖標(biāo)
                  if (n.iconCls) {
                      cssIcon = n.iconCls;
                  }
                  $('#wnav').append('<div style="padding:0px;" title="' + n.text
                                   + '" data-options="border:false,iconCls:\''
                                   + cssIcon
                                   + '\'"><ul id="nt'
                                   + i
                                   + '"></ul></div>');
              });
              $("#wnav").accordion({
                  fit: true,
                  border: false,
                  onSelect: function (t, i) {
                      $('#nt' + i).tree({
                          lines: false,
                          animate: true,
                          data: _menus[i].children,
                          onClick: function (node) {
                              if (node.attributes.url != "" && node.attributes.url != '#') {
                                  addTab(node.text, node.attributes.url + '?navid=' + node.id, node.iconCls);
                              } else {
                                  $('#nt' + index).tree('toggle', node.target);
                              }
                          }
                      });
                  }
              });
          }
      };

       三、修改Default.aspx.cs代碼,如下圖所示:

        

        其中的:GetAccordionTreeJsonByTable代碼如下:   

            /// <summary>
              /// 根據(jù)DataTable生成AccordionTree Json樹結(jié)構(gòu)
              /// </summary>
              /// <param name="tabel">數(shù)據(jù)源</param>
              /// <param name="idCol">ID列</param>
              /// <param name="txtCol">Text列</param>
              /// <param name="rela">關(guān)系字段</param>
              /// <param name="pId">父ID</param>
              /// <returns>返回json數(shù)據(jù)</returns>
              private string GetAccordionTreeJsonByTable(DataTable tabel, string idCol, string txtCol, string rela, object pId)
              {
                  result += tmpStr;
                  tmpStr = string.Empty;
      
                  if (tabel.Rows.Count <= 0) return result;
                  tmpStr += "[";
                  var filer = string.Format("{0}='{1}'", rela, pId);
                  var rows = tabel.Select(filer);
                  if (rows.Length > 0)
                  {
                      foreach (var row in from row in rows
                                          let moduleType = BusinessLogic.ConvertToInt(row[PiModuleTable.FieldModuleType])
                                          where moduleType == null || moduleType == 2 || moduleType == 3
                                          select row)
                      {
                          tmpStr += "{\"id\":\"" + row[idCol] + "\",\"text\":\"" + row[txtCol]
                                    + "\",\"iconCls\":\"" + BusinessLogic.ConvertToString(row[PiModuleTable.FieldIconCss]).Replace("icon ", "")
                                    + "\",\"attributes\":{"
                                    + "\"url\":\"" + row[PiModuleTable.FieldNavigateUrl]
                                    + "\",\"FullName\":\"" + row[PiModuleTable.FieldFullName]
                                    + "\"}";
                          if (tabel.Select(string.Format("{0}='{1}'", rela, row[idCol])).Length > 0)
                          {
                              tmpStr += RDIFramework.WebCommon.PublicMethod.GetInt(row[PiModuleTable.FieldExpand]) == 1
                                  ? ",\"state\":\"open\""
                                  : ",\"state\":\"closed\"";
                              tmpStr += ",\"children\":";
                              GetAccordionTreeJsonByTable(tabel, idCol, txtCol, rela, row[idCol]);
                              result += tmpStr;
                              tmpStr = string.Empty;
                          }
                          result += tmpStr;
                          tmpStr = string.Empty;
                          tmpStr += "},";
                      }
                      tmpStr = tmpStr.Remove(tmpStr.Length - 1, 1);
                  } 
                  tmpStr += "]";
                  result += tmpStr;
                  tmpStr = string.Empty;
                  return result;
              }

       

        至此,我們“手風(fēng)琴+樹型目錄(2級(jí)+)”界面風(fēng)格整理開發(fā)完成。

        附注:Default.aspx.cs代碼中,我們最初的代碼已經(jīng)有一個(gè)名為“GetAccordionTreeJsonByTable”的方法,請(qǐng)將其改名為“GetAccordionJsonByTable”,相應(yīng)的調(diào)用它的地方也要同步修改下即可。

      posted @ 2014-05-20 16:06  .NET快速開發(fā)框架  閱讀(1535)  評(píng)論(0)    收藏  舉報(bào)
      主站蜘蛛池模板: 97一期涩涩97片久久久久久久| 国产精品午夜福利精品| 亚洲男人第一无码av网站| 国产精品无遮挡猛进猛出| 亚洲高清 一区二区三区| 午夜国产小视频| 日韩中文字幕高清有码| 虎林市| 婷婷99视频精品全部在线观看 | 精品视频在线观看免费观看| 中文字幕乱码在线人视频| 激情久久综合精品久久人妻| 制服丝袜美腿一区二区| 大洼县| 亚洲老熟女一区二区三区| 麻豆果冻国产剧情av在线播放| 黑人av无码一区| 国产粉嫩学生高清专区麻豆| 东京热一精品无码av| 国产午夜精品福利免费不| 中国女人熟毛茸茸A毛片| 国产在线一区二区不卡| 自拍偷在线精品自拍偷99| 伊人狠狠色丁香婷婷综合| 不卡国产一区二区三区| 国产蜜臀av在线一区在线| 午夜dv内射一区二区| 成人国产一区二区三区精品| 国产不卡精品视频男人的天堂| 久久久久免费看成人影片| аⅴ天堂中文在线网| 人人澡人摸人人添| 无码日韩精品一区二区三区免费| 免费国产拍久久受拍久久| 无码国内精品人妻少妇| 国产精品不卡一区二区在线| 福利一区二区在线视频| 亚洲中文字幕日产无码成人片| 久久国产一区二区日韩av| 两性午夜刺激性视频| 国产精品爽爽va在线观看网站|