如何在extjs 4的网格面板中单击按钮打开新的浏览器窗口

时间:2013-06-19 16:57:25

标签: extjs extjs4

我是 Extjs 的新手。当我点击 Extjs 4 中网格面板中的按钮时,我试图在新的浏览器窗口中打开一个日志文件。

我可以下载该文件。但我不想下载它,我希望当我点击该按钮时它应该在新的浏览器窗口中打开。

我这样做:

{
    xtype: 'gridpanel',
    id: 'logResultGrid',
    margin: '40 0 10 20',

    width: 439,

    title: 'Logs Result:',
    store: 'LogsStore',

    viewConfig: {
        id: 'logsGrid'
    },

    columns: [{
        xtype: 'gridcolumn',
        renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
            var directoryName = Ext.getCmp('logsJobName').getValue();
            return '<a href="http://localhost:40889/Snowy/fileDownload/download.htmreportName=' + value + '&directoryName=' + directoryName + '">' + value + '</a>';
        },
        width: 297,
        dataIndex: 'fileName',
        text: 'Log Name'
    }, {
        xtype: 'actioncolumn',
        width: 116,
        items: [{
            handler: function(view, rowIndex, colIndex, item, e) {
                var my_record = view.getSelectionModel().getLastSelected();

                var directoryName = Ext.getCmp('logsJobName').getValue();
                var rec = Ext.StoreMgr.lookup("LogsStore").getAt(rowIndex);
                var my_url = 'http://localhost:40889/Snowy/fileDownload/download.htm?reportName=' + rec.data.fileName + '&directoryName=' + directoryName;

                // new Ext.Window({
                //  width: 500,
                //  height: 500,
                //  html: '<iframe width="300" height="300" src="' + my_url + '"</iframe>'
                // }).show();

                window.open(my_url, "_blank");
                //});
            },
            icon: 'resources/images/Open-Folder-Info-icon.png'
        }]
    }],

    selModel: Ext.create('Ext.selection.CheckboxModel', {

    })

}

通过以上操作,我可以下载该文件。我正在使用renderer下载该文件。要在新的浏览器窗口中打开该文件,我正在使用处理程序。我使用java作为我的后端。

如果我在这方面做错了,请纠正我。我过去两天都在挣扎。

提前致谢。

2 个答案:

答案 0 :(得分:5)

你应该只能使用普通的Javascript来实现这个目标:

{
    xtype: 'button',
    text: 'Open Log',
    handler: function() {
        window.open('myLog.txt');
    }
}

答案 1 :(得分:0)

是下载文件还是在新窗口中打开是由用户确定的行为。 如果您想强制查看pdf,可以使用pdf viewer插件。