FineUI 官方论坛

标题: 关于“树形菜单+手风琴式菜单”菜单的问题！ [打印本页]
作者: 猪八戒    时间: 2012-3-25 12:20
标题: 关于“树形菜单+手风琴式菜单”菜单的问题！
请教个问题，我在后台绑定“树形菜单+手风琴式菜单”做菜单，要怎么裁定单击菜单打开的也在新的面板里面呢？我看了你的那个JS文件，可是我的TREE是在后台直接生成的，这要怎么做才能绑定你的那个脚本呢？这是的生成菜单的代码：  
    private void InitMenu()
        {
            ExtAspNet.Accordion accordion = new ExtAspNet.Accordion();
            Region2.Items.Add(accordion);
            accordion.ShowBorder = false;
            accordion.ShowHeader = false;
            try
            {
                //获取菜单中的所有数据
                DataTable Dt_TotleMenu = SelectAll().Tables[0];
                //取出所有父节点 因为父节点的Menu_Fid=0
                DataRow[] drMenu = Dt_TotleMenu.Select("PMenuCode=0");
                //构建父节点的table
                DataTable LeftMenuTable = new DataTable();
                //克隆一下解构
                LeftMenuTable = drMenu[0].Table.Clone();
                //导入数据
                foreach (DataRow dr in drMenu)
                {
                    LeftMenuTable.ImportRow(dr);
                }
                //如果存在父节点
                if (LeftMenuTable.Rows.Count != 0)
                {
                    //遍历拼接html 根据第一篇观察和抽取HTML的功夫
                    for (int i = 0; i < LeftMenuTable.Rows.Count; i++)
                    {
                        ExtAspNet.AccordionPane pane = new ExtAspNet.AccordionPane();
                        accordion.Panes.Add(pane);
                        pane.Title = LeftMenuTable.Rows[i]["MenuName"].ToString();
                        pane.ShowBorder = false;
                        //获取当前父节点的所有子节点
                        DataRow[] drSencondMenu = Dt_TotleMenu.Select("PMenuCode='" + LeftMenuTable.Rows[i]["MenuCode"] + "'");
                        DataTable SecondTable = new DataTable();
                        SecondTable = drSencondMenu[0].Table.Clone();
                        foreach (DataRow dr in drSencondMenu)
                        {
                            SecondTable.ImportRow(dr);
                        }
                        //如果子存在子节点
                        if (SecondTable.Rows.Count != 0)
                        {
                            ExtAspNet.Tree tree = new ExtAspNet.Tree();
                            pane.Items.Add(tree);
                            tree.ShowBorder = false;
                            tree.ShowHeader = false;
                            tree.AutoScroll = true;
                            tree.EnableArrows = true;
                           
                            //遍历拼接子节点的HTML
                            foreach (DataRow row in SecondTable.Rows)
                            {
                                ExtAspNet.TreeNode node = new ExtAspNet.TreeNode();
                                node.Text = row["MenuName"].ToString();
                                node.NavigateUrl = row["FileName"].ToString();
                                tree.Nodes.Add(node);
                            }
                            tree.
                        }
                    }
                }
                return ;
            }
            catch (Exception err)
            {
                return;
            }
        }
作者: Landroid    时间: 2012-3-25 23:17
这个帖子里给你解答了
http://bbs.extasp.net/forum.php? ... mp;tid=197#lastpost
作者: 猪八戒    时间: 2012-3-26 00:55
Landroid 发表于 2012-3-25 23:17
这个帖子里给你解答了
http://bbs.extasp.net/forum.php?mod=viewthread&tid=197#lastpost

在QQ群里没有人给我了这样一段代码，我没看懂，不太会用！你能帮我看看吗？
        /// <summary>
        /// 左侧导航js脚本
        /// </summary>
        /// <param name="treeid"></param>
        /// <returns></returns>
        private string GetScriptById(string treeid)
        {
            StringBuilder str = new StringBuilder();
            str.AppendLine("var " + treeid + " = Ext.getCmp(\"" + treeid + "\");");
            str.AppendLine(treeid + ".on('click', function (node, event) {");
            str.AppendLine("if (node.isLeaf()) {");
            str.AppendLine("event.stopEvent();");
            str.AppendLine("var href = node.attributes.href;");
            str.AppendLine("window.location.href = '#' + href;");
            str.AppendLine("addExampleTab(node);");
            str.AppendLine("}");
            str.AppendLine("});");
            return str.ToString();
        }
我把它加载到”node.OnClientClick = GetScriptById(tree.ID);“里面，可是点击菜单报错，提示无法获取属性“on”的值: 对象为 null 或未定义。
如果我把它加载到”node.OnClientClick = GetScriptById(tree.ClientID);“里面，可是点击菜单报错，提示错误: “addExampleTab”未定义
这块到底要怎么写呀！
作者: Landroid    时间: 2012-3-26 11:29
猪八戒 发表于 2012-3-26 00:55
在QQ群里没有人给我了这样一段代码，我没看懂，不太会用！你能帮我看看吗？
        ///
        /// 左 ...

addExampleTab是样例里default.js里的方法，你可以修改default.js代码，参考：
default.aspx页里添加
  1.     <script type="text/javascript">
  2.         var IDS = {
  3.             mainTabStrip: '<%= mainTabStrip.ClientID %>'
  4.         };

  6.     </script>
  7.     <script src="./js/default.js" type="text/javascript"></script>
复制代码
default.js里修改如下
  1. function onReady() {
  2. //    var btnExpandAll = Ext.getCmp(IDS.btnExpandAll);
  3. //    var btnCollapseAll = Ext.getCmp(IDS.btnCollapseAll);
  4.     var mainTabStrip = Ext.getCmp(IDS.mainTabStrip);

  6.     // 点击全部展开按钮
  7. //    btnExpandAll.on('click', function () {
  8. //        treeMenu.expandAll();
  9. //    });

  11. //    // 点击全部折叠按钮
  12. //    btnCollapseAll.on('click', function () {
  13. //        treeMenu.collapseAll();
  14. //    });


  17. //    // 点击树节点
  18. //    treeMenu.on('click', function (node, event) {
  19. //        if (node.isLeaf()) {
  20. //            // 阻止事件传播
  21. //            event.stopEvent();

  23. //            var href = node.attributes.href;

  25. //            // 修改地址栏
  26. //            window.location.href = '#' + href;

  28. //            // 新增Tab节点
  29. //            addExampleTab(node);
  30. //        }
  31. //    });

  33.     // 动态添加一个标签页
  34.     function addExampleTab(node) {
  35.         var href = node.attributes.href;

  37.         // 动态创建按钮
  38. //        var sourcecodeButton = new Ext.Button({
  39. //            text: "源代码",
  40. //            type: "button",
  41. //            cls: "x-btn-text-icon",
  42. //            icon: "./res.axd?icon=PageWhiteCode",
  43. //            listeners: {
  44. //                click: function (button, e) {
  45. //                    windowSourceCode.box_show('./source.aspx?files=' + href, '源代码');
  46. //                    e.stopEvent();
  47. //                }
  48. //            }
  49. //        });

  51.         var openNewWindowButton = new Ext.Button({
  52.             text: '新标签页中打开',
  53.             type: "button",
  54.             cls: "x-btn-text-icon",
  55.             icon: "./res.axd?icon=TabGo",
  56.             listeners: {
  57.                 click: function (button, e) {
  58.                     window.open(href, "_blank");
  59.                     e.stopEvent();
  60.                 }
  61.             }
  62.         });

  64.         var refreshButton = new Ext.Button({
  65.             text: '刷新',
  66.             type: "button",
  67.             cls: "x-btn-text-icon",
  68.             icon: "./res.axd?icon=Reload",
  69.             listeners: {
  70.                 click: function (button, e) {
  71.                     // 注意：button.ownerCt 是工具栏，button.ownerCt.ownerCt 就是当前激活的标签页。
  72.                     Ext.DomQuery.selectNode('iframe', button.ownerCt.ownerCt.getEl().dom).contentWindow.location.replace(href);
  73.                     e.stopEvent();
  74.                 }
  75.             }
  76.         });

  78.         // 动态添加一个带工具栏的标签页
  79.         var tabId = 'dynamic_added_tab' + node.id.replace('__', '-');
  80.         var currentTab = mainTabStrip.getTab(tabId);
  81.         if (!currentTab) {
  82.             mainTabStrip.addTab({
  83.                 'id': tabId,
  84.                 'url': href,
  85.                 'title': node.text,
  86.                 'closable': true,
  87.                 'bodyStyle': 'padding:0px;',
  88.                 'iconCls': 'icon_' + href.replace(/[^.]+\./, ''),
  89.                 'tbar': new Ext.Toolbar({
  90.                     items: ['->', refreshButton, '-', openNewWindowButton]
  91.                 })
  92.             });
  93.         } else {
  94.             mainTabStrip.setActiveTab(currentTab);
  95.         }
  96.     }

  98.     mainTabStrip.on('tabchange', function (tabStrip, tab) {
  99.         if (tab.url) {
  100.             window.location.href = '#' + tab.url;
  101.         } else {
  102.             window.location.href = '#';
  103.         }
  104.     });

  106.     var HASH = window.location.hash.substr(1);
  107.     var FOUND = false;

  109. //    (function (node) {
  110. //        var i, currentNode, nodes, path;
  111. //        if (!FOUND && node.hasChildNodes()) {
  112. //            nodes = node.childNodes;
  113. //            for (i = 0; i < nodes.length; i++) {
  114. //                currentNode = nodes[i];
  115. //                if (currentNode.isLeaf()) {
  116. //                    if (currentNode.attributes.href === HASH) {
  117. //                        path = currentNode.getPath();
  118. //                        treeMenu.expandPath(path); //node.expand();
  119. //                        treeMenu.selectPath(path); // currentNode.select();
  120. //                        addExampleTab(currentNode);
  121. //                        FOUND = true;
  122. //                        return;
  123. //                    }
  124. //                } else {
  125. //                    arguments.callee(currentNode);
  126. //                }
  127. //            }
  128. //        }
  129. //    })(treeMenu.getRootNode());


  132. }
复制代码
然后你再试试。
作者: 猪八戒    时间: 2012-3-26 12:16
Landroid 发表于 2012-3-26 11:29
addExampleTab是样例里default.js里的方法，你可以修改default.js代码，参考：
default.aspx页里添加defa ...

我修改了JS已经搞定了！谢谢！不过你的那个方法也可以，但是你的方法不能刷新页面，一刷新所有的TAB就都没有了！
作者: Landroid    时间: 2012-3-26 14:47
猪八戒 发表于 2012-3-26 12:16
我修改了JS已经搞定了！谢谢！不过你的那个方法也可以，但是你的方法不能刷新页面，一刷新所有的TAB就都 ...

嗯，是的，可以通过js实现
作者: 孑然双髻鲨    时间: 2012-9-5 08:06
猪八戒 发表于 2012-3-26 12:16
我修改了JS已经搞定了！谢谢！不过你的那个方法也可以，但是你的方法不能刷新页面，一刷新所有的TAB就都 ...

可以告诉我下是怎么修改的吗？我现在也碰到了这个问题，一刷新打开的tab就关掉了
作者: 世界没有真情    时间: 2013-10-1 13:51
猪八戒 发表于 2012-3-26 12:16
我修改了JS已经搞定了！谢谢！不过你的那个方法也可以，但是你的方法不能刷新页面，一刷新所有的TAB就都 ...

怎么弄好的？能分享一下嘛？我也遇到了这个问题
作者: 世界没有真情    时间: 2013-10-1 14:18
Landroid 发表于 2012-3-26 11:29
addExampleTab是样例里default.js里的方法，你可以修改default.js代码，参考：
default.aspx页里添加defa ...

怎么我按照你写的还是addExampleTab is not defined 这个错



欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4