关于“树形菜单+手风琴式菜单”菜单的问题！

猪八戒 · 发表于 2012-3-25 12:20:13

请教个问题，我在后台绑定“树形菜单+手风琴式菜单”做菜单，要怎么裁定单击菜单打开的也在新的面板里面呢？我看了你的那个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:16

这个帖子里给你解答了
http://bbs.extasp.net/forum.php? ... mp;tid=197#lastpost

猪八戒 · 发表于 2012-3-26 00:55:44

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:09

猪八戒发表于 2012-3-26 00:55
在QQ群里没有人给我了这样一段代码，我没看懂，不太会用！你能帮我看看吗？
///
/// 左 ...

addExampleTab是样例里default.js里的方法，你可以修改default.js代码，参考：
default.aspx页里添加

<script type="text/javascript">
var IDS = {
mainTabStrip: '<%= mainTabStrip.ClientID %>'
};
</script>
<script src="./js/default.js" type="text/javascript"></script>

复制代码

default.js里修改如下

function onReady() {
// var btnExpandAll = Ext.getCmp(IDS.btnExpandAll);
// var btnCollapseAll = Ext.getCmp(IDS.btnCollapseAll);
var mainTabStrip = Ext.getCmp(IDS.mainTabStrip);
// 点击全部展开按钮
// btnExpandAll.on('click', function () {
// treeMenu.expandAll();
// });
// // 点击全部折叠按钮
// btnCollapseAll.on('click', function () {
// treeMenu.collapseAll();
// });
// // 点击树节点
// treeMenu.on('click', function (node, event) {
// if (node.isLeaf()) {
// // 阻止事件传播
// event.stopEvent();
// var href = node.attributes.href;
// // 修改地址栏
// window.location.href = '#' + href;
// // 新增Tab节点
// addExampleTab(node);
// }
// });
// 动态添加一个标签页
function addExampleTab(node) {
var href = node.attributes.href;
// 动态创建按钮
// var sourcecodeButton = new Ext.Button({
// text: "源代码",
// type: "button",
// cls: "x-btn-text-icon",
// icon: "./res.axd?icon=PageWhiteCode",
// listeners: {
// click: function (button, e) {
// windowSourceCode.box_show('./source.aspx?files=' + href, '源代码');
// e.stopEvent();
// }
// }
// });
var openNewWindowButton = new Ext.Button({
text: '新标签页中打开',
type: "button",
cls: "x-btn-text-icon",
icon: "./res.axd?icon=TabGo",
listeners: {
click: function (button, e) {
window.open(href, "_blank");
e.stopEvent();
}
}
});
var refreshButton = new Ext.Button({
text: '刷新',
type: "button",
cls: "x-btn-text-icon",
icon: "./res.axd?icon=Reload",
listeners: {
click: function (button, e) {
// 注意：button.ownerCt 是工具栏，button.ownerCt.ownerCt 就是当前激活的标签页。
Ext.DomQuery.selectNode('iframe', button.ownerCt.ownerCt.getEl().dom).contentWindow.location.replace(href);
e.stopEvent();
}
}
});
// 动态添加一个带工具栏的标签页
var tabId = 'dynamic_added_tab' + node.id.replace('__', '-');
var currentTab = mainTabStrip.getTab(tabId);
if (!currentTab) {
mainTabStrip.addTab({
'id': tabId,
'url': href,
'title': node.text,
'closable': true,
'bodyStyle': 'padding:0px;',
'iconCls': 'icon_' + href.replace(/[^.]+\./, ''),
'tbar': new Ext.Toolbar({
items: ['->', refreshButton, '-', openNewWindowButton]
})
});
} else {
mainTabStrip.setActiveTab(currentTab);
}
}
mainTabStrip.on('tabchange', function (tabStrip, tab) {
if (tab.url) {
window.location.href = '#' + tab.url;
} else {
window.location.href = '#';
}
});
var HASH = window.location.hash.substr(1);
var FOUND = false;
// (function (node) {
// var i, currentNode, nodes, path;
// if (!FOUND && node.hasChildNodes()) {
// nodes = node.childNodes;
// for (i = 0; i < nodes.length; i++) {
// currentNode = nodes[i];
// if (currentNode.isLeaf()) {
// if (currentNode.attributes.href === HASH) {
// path = currentNode.getPath();
// treeMenu.expandPath(path); //node.expand();
// treeMenu.selectPath(path); // currentNode.select();
// addExampleTab(currentNode);
// FOUND = true;
// return;
// }
// } else {
// arguments.callee(currentNode);
// }
// }
// }
// })(treeMenu.getRootNode());
}

复制代码

然后你再试试。

猪八戒 · 发表于 2012-3-26 12:16:52

Landroid 发表于 2012-3-26 11:29
addExampleTab是样例里default.js里的方法，你可以修改default.js代码，参考：
default.aspx页里添加defa ...

我修改了JS已经搞定了！谢谢！不过你的那个方法也可以，但是你的方法不能刷新页面，一刷新所有的TAB就都没有了！

Landroid · 发表于 2012-3-26 14:47:17

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

嗯，是的，可以通过js实现

孑然双髻鲨 · 发表于 2012-9-5 08:06:54

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

可以告诉我下是怎么修改的吗？我现在也碰到了这个问题，一刷新打开的tab就关掉了

世界没有真情 · 发表于 2013-10-1 13:51:00

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

怎么弄好的？能分享一下嘛？我也遇到了这个问题

世界没有真情 · 发表于 2013-10-1 14:18:09

Landroid 发表于 2012-3-26 11:29
addExampleTab是样例里default.js里的方法，你可以修改default.js代码，参考：
default.aspx页里添加defa ...

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

		自动登录	找回密码
密码			立即注册