一个页面布局的问题（例子中自动生成工具栏）

michenboa

如何把红框内自动生成的工具栏去掉？
选项卡功能要保留。

default.js 里的代码应该怎么修改？

dim_$lift

看 default.js 文件，把不要的注释掉就可以了.

shanzhongfei

js里面default.js
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();
//                }
//            }
//        });

michenboa

dim_$lift 发表于 2012-4-13 21:56
看 default.js 文件，把不要的注释掉就可以了.

都需要注释哪些才能出效果？

michenboa

shanzhongfei 发表于 2012-4-13 22:15
js里面default.js
function addExampleTab(node) {
        var href = node.attributes.href;

三个按钮都注释了。下面“动态添加一个带工具栏的标签页”里的items也把上面对应的项去掉了。但是那条工具栏还在。。。

michenboa

shanzhongfei 发表于 2012-4-13 22:15
js里面default.js
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.reload(); //.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: ['->', sourcecodeButton, '-', refreshButton, '-', openNewWindowButton]
                })
            });
        } else {
            mainTabStrip.setActiveTab(currentTab);
        }
    }

删除上面的
  'tbar': new Ext.Toolbar({
                    items: ['->', sourcecodeButton, '-', refreshButton, '-', openNewWindowButton]
                })
还有'iconCls': 'icon_' + href.replace(/[^.]+\./, ''), 最后面的‘,’ 就OK了

michenboa

dim_$lift 发表于 2012-4-13 21:56
看 default.js 文件，把不要的注释掉就可以了.

已解决，莫劳烦

dim_$lift

我觉得这个不难，得自己琢磨比较好