2017-06-21 6 views
0

Je travaille sur une application basée sur javascript React fonctionnant sous nwjs. Ma tâche est la suivante: en cliquant sur un bouton, affichez les instructions défilantes dans une boîte de dialogue que les utilisateurs peuvent faire glisser vers un deuxième moniteur pour qu'ils puissent travailler dans la fenêtre principale en suivant les instructions de mon nouveau dialogue.Comment créer une boîte de dialogue React non modale?

Je ne sais que faire des boîtes de dialogue modales avec React. Comment créer une boîte de dialogue non modale, afin que l'utilisateur puisse faire défiler les instructions au besoin pendant qu'il travaille dans la fenêtre principale?

+1

Vous pouvez ouvrir une nouvelle fenêtre; vous ne pouvez pas faire glisser le code HTML hors du navigateur. –

+0

Merci - basé sur votre commentaire, je regarde maintenant [nwjs Window.open] (http://docs.nwjs.io/en/latest/Window/#windowopenurl-options-callback) maintenant. –

Répondre

2

La fenêtre que vous créez réagit par réaction, doit rester dans la fenêtre du navigateur. Appelez la nouvelle fenêtre enfant pour obtenir une nouvelle fenêtre qui peut être déplacée sur le bureau .

Window.open(url, [options], [callback]) 

See documentation

+0

Merci - savez-vous où trouver un petit exemple d'application qui montre l'affichage d'un composant de réaction dans la nouvelle fenêtre? –

+1

Non, mais vous pouvez charger n'importe quelle URL dans un nouveau vidow, avec de nouvelles instances de réaction, vous pouvez propager des événements ou un ipcRenderer -> ipcMain -> ipcRenderer (autre) ... peut-être que les événements dans le stockage local sont accessibles fenêtre du navigateur d'électrons, sinon il n'y a pas de moyen simple de propager des événements à travers différentes fenêtres de navigateur. – azurinko