从EXTJS中的链接弹出

Question

{
    xtype: 'label',
    width: 170,
    border: false,
    html: '<a href="popup.js">ACCOUNTS-3</a>'
}

上面的代码不起作用，因为它转到无效的URL curentURL/popup.js。

Ext.define('MyappDesktop.view.taso.TransactionListPanel', {
extend: 'Ext.grid.GridPanel',
alias: 'widget.transactionList',

title: 'Transactions',

initComponent: function() {
    this.store = 'Transactions';
    this.columns = [
        { header: 'AMOUNT', dataIndex: 'transaction_amt', flex: 0 },
        { header: 'POSTING STATUS', dataIndex: 'posting_sta_ind', flex: 0 },
        { header: 'ITEM DESCRIPTION', dataIndex: 'item_desc', flex: 0 },
        { header: 'SERIAL NUMBER', dataIndex: 'serial_no', flex: 0 },
        { header: 'TRANSACTION CODE', dataIndex: 'transaction_code', flex: 0 },
        { header: 'RETURNABLE', dataIndex: 'is_returnable', flex: 0 },
        { header: 'VALUE DATE', dataIndex: 'value_date', flex: 0 },
        { header: 'BOOKING DATE', dataIndex: 'booking_date', flex: 0 }
    ];
    this.viewConfig = {
        stripeRows: true
    };

    this.dockedItems = [{
        xtype: 'pagingtoolbar',
        store: 'Transactions',
        dock: 'bottom',
        displayInfo: true
    }];

    this.callParent(arguments);
}});

Answer 1

因为已经创建了另一个视图，所以最好的方法可能是向标签的元素添加一个单击事件侦听器，并使用该事件的处理程序来显示视图。

 { 
    xtype: 'label',
    text: 'ACCOUNTS-3',
    width: 170,
    border: false, 
    listeners: { 
        element: 'el', 
        click: function () { 
            // get instance of other view and display it
        } 
    } 
 }