FineUI 官方论坛

标题: 一个页面布局的问题（例子中自动生成工具栏） [打印本页]

作者: michenboa 时间: 2012-4-13 20:02
标题: 一个页面布局的问题（例子中自动生成工具栏）
[attach]270[/attach]

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

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

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

作者: 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();
//             }
//          }
//       });

作者: michenboa 时间: 2012-4-13 23:20

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

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

作者: michenboa 时间: 2012-4-13 23:22

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

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

作者: michenboa 时间: 2012-4-13 23:28

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 时间: 2012-4-13 23:30

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

已解决，莫劳烦

作者: dim_$lift 时间: 2012-4-14 15:01

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

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)