如何为extJS Grid添加行超链接？

为extJS Grid添加行超链接，可以通过以下几个步骤实现：

在ExtJS中创建一个新的Grid组件，并为其添加一个新的列，用于显示超链接。

var grid = Ext.create('Ext.grid.Panel', {
    store: store,
    columns: [
        {header: 'ID', dataIndex: 'id'},
        {header: 'Name', dataIndex: 'name'},
        {header: 'Link', dataIndex: 'link', renderer: function(value, metaData, record) {
            return '<a href="' + record.get('link') + '">' + record.get('link') + '</a>';
        }}
    ],
    renderTo: Ext.getBody()
});

在store中添加数据，包括ID、名称和链接地址。

var store = Ext.create('Ext.data.Store', {
    fields: ['id', 'name', 'link'],
    data: [
        {id: 1, name: 'Google', link: 'https://www.google.com'},
        {id: 2, name: 'Baidu', link: 'https://www.baidu.com'},
        {id: 3, name: 'Yahoo', link: 'https://www.yahoo.com'}
    ]
});

在renderer函数中，使用<a>标签创建超链接，并将其添加到单元格中。

renderer: function(value, metaData, record) {
    return '<a href="' + record.get('link') + '">' + record.get('link') + '</a>';
}

将创建的Grid组件渲染到页面中。

renderTo: Ext.getBody()

通过以上步骤，您可以为ExtJS Grid添加行超链接，并在单击超链接时打开相应的链接地址。

页面内容是否对你有帮助？

有帮助

没帮助

如何为extJS网格添加行超链接？

、、

有人能介绍一下如何在ExtJS中的特定列的单元格中呈现超链接吗？请注意，只有在我使用extJS网格中的行超链接离开网格时，才会发生这种情况。如果我来到网格，并导航到其他地方，然后再次返回网格，数据可以很好地显示出来。只有在使用一个/任何一个单元格中呈现的超链接离开网格时，才会出现该问题。谢谢你的帮忙!

浏览 0提问于2010-07-27得票数 7

回答已采纳

1回答