需要在标签内链接

时间:2015-02-18 09:37:23

标签: javascript extjs extjs4 extjs4.1 extjs4.2

我正在尝试在标签内添加超链接。 这是代码:

Ext.onReady(function () {
Ext.create('Ext.tab.Panel', {
    items: [{
        title: 'xyz',
    }, {
        title: 'abc',
    }],
    renderTo: Ext.getBody()
});
Ext.create("Ext.Component", {
   renderTo: Ext.getBody(),
   autoEl: {
       style : 'margin: 100px 0 0 60px;color:red;margin-top: 40px;',
       html: "x1y1z1",
       href: "#",
       tag: "a"
    }
  });
});

我不知道如何将此链接的代码放在选项卡中。请帮忙。 这是快照enter image description here

现在超链接在xyz标签之外。我想把它放在里面。

2 个答案:

答案 0 :(得分:0)

像这样:

Ext.create('Ext.tab.Panel', {
    items: [{
        title: 'xyz',
        items: [
          {
            xtype: 'box',
            autoEl: {
             style : 'margin: 100px 0 0 60px;color:red;margin-top: 40px;',
             html: "x1y1z1",
             href: "#",
             tag: "a"
            }
          }
        ]
    }, {
        title: 'abc',
    }],
    renderTo: Ext.getBody()
});

答案 1 :(得分:0)

你实际上没有让这些标签做任何事情,只是添加了文字。然后另一个参考身体。

检查出来:http://dev.sencha.com/deploy/ext-4.0.0/examples/tabs/tabs.js

希望它有用。