两个窗口之间的电子ipcRenderer消息不起作用

时间:2018-09-16 12:00:07

标签: javascript node.js electron

我正在尝试将消息从模式返回给浏览器窗口,以便使用模式返回的数据进行更新。

该模式有一个表格,当您单击一行时,该行ID是通过ipcRenderer消息发送的,但该消息似乎没有到达那里,因为控制台中未记录任何内容。

我在做什么错了?

浏览器窗口(渲染器)

const { remote } = require('electron');
const ipcRenderer = require("electron").ipcRenderer;

function openModal() {
    let win = new remote.BrowserWindow({
        parent: remote.getCurrentWindow(),
        modal: true
    })

    win.webContents.openDevTools();
    var theUrl = 'file://' + __dirname + '/modal.html'

    win.loadURL(theUrl);
}

// Open the modal on button click
document.getElementById("button-search-open")
    .addEventListener("click", () => {
        openModal();
    })

// Log the data received from the modal message
ipcRenderer.on('set-row-active-id', (e, args) => {
    console.log(e, args); // Nothing is logged!
 })

模式(渲染器)

 var ipcRenderer = require("electron").ipcRenderer;

// Add event listeners to all table rows
document.querySelectorAll('table tr')
    .forEach(el => el.addEventListener("click", (e) => { rowClickHandler(e) }));

// Send the row id back to the broserwindow on row click
function rowClickHandler(e) {
    let rowId = e.target.parentElement.dataset.id
    ipcRenderer.send('set-row-active-id', rowId);
}

1 个答案:

答案 0 :(得分:2)

ipcRenderer.send用于向主进程发送消息。您想要的是通过contents.send

将消息发送到特定的 webContents

由于您的模式窗口应发送给其父窗口,因此您可以使用win.getParentWindow

// (Modal - Renderer)
const { remote, ipcRenderer } = require('electron')
// ...
function rowClickHandler() {
  let rowId = e.target.parentElement.dataset.id
  remote.getCurrentWindow().getParentWindow().send('set-row-active-id', rowId)
}