Simple popup ou une boîte de dialogue dans Google Apps Script
Je suis à la recherche d'un code simple qui ajoute un menu contextuel dans mon Google Apps Script de l'Interface utilisateur qui arrive, quand j'appuie sur un bouton de soumission. La boîte de pop-up affiche un message et un bouton pour fermer la fenêtre contextuelle.
J'ai regardé tous sur la place - tout semble si compliqué et ne veut plus que j'en avais besoin.
Il s'agit du code que j'ai pour le bouton soumettre.
function doGet() {
var app = UiApp.createApplication();
app.setTitle("My Logbook");
var hPanel_01 = app.createHorizontalPanel();
var vPanel_01 = app.createVerticalPanel();
var vPanel_02 = app.createVerticalPanel();
var vPanel_03 = app.createVerticalPanel();
var submitButton = app.createButton("Submit");
//Create click handler
var clickHandler = app.createServerHandler("submitData");
submitButton.addClickHandler(clickHandler);
clickHandler.addCallbackElement(hPanel_01);
////Test PopUp Panel
var app = UiApp.getActiveApplication();
var app = UiApp.createApplication;
var dialog = app.createDialogBox();
var closeHandler = app.createClientHandler().forTargets(dialog).setVisible(false);
submitButton.addClickHandler(closeHandler);
var button= app.createButton('Close').addClickHandler(closeHandler);
dialog.add(button);
app.add(dialog);
//////
return app;
}
OriginalL'auteur sbaden | 2012-08-22
Vous devez vous connecter pour publier un commentaire.
Avez-vous essayé d'utiliser zIndex? Il place le panneau au-dessus de tous les autres panneaux...
x = position du panneau de la partie gauche de votre application
y = position du panneau de la partie supérieure de votre application
zIndex = la "couche" de votre panneau apparaît sur. Vous pouvez empiler les panneaux à l'aide de '1', '2', '3' etc.
position = votre panneau sera dans une position fixe dénoté par (x,y)
Visibilité est faux jusqu'à ce que vous cliquez sur envoyer, puis un client gestionnaire pour votre bouton envoyer faire la popupPanel visible. Lorsque vous cliquez sur le bouton de votre popupPanel, le client gestionnaire d'ensemble de la visibilité à faux une fois de plus et il va disparaître.
Encore une chose, j'ai remarqué que vous obtenez l'application active, puis créer une nouvelle application. Vous n'avez pas besoin de créer une nouvelle application...juste de nouveaux panneaux à l'intérieur de votre application.
Espérons que cette aide!
Pas de prob...je l'utilise souvent à de multiples couches de panneaux dans certaines applications. Il peut être très efficace.
OriginalL'auteur Trevor Iampen
Vous pouvez utiliser un dialogbox de popup.
Ajouter un bouton dans la boîte de dialogue. Ajouter un client gestionnaire d' qui définit la boîte de dialogue invisible,une fois que vous cliquez sur le bouton.
Cela devrait aider.
MODIFIER
Ajout de "()" après .createClientHandler. Qui devrait lever les questions liées à la TypeError: Impossible de trouver la fonction createDialogBox en fonction de l'objet de createApplication() {/* */}
Comment puis-je me connecter à mon bouton soumettre pour qu'elle devienne visible lorsque le bouton envoyer est cliqué?
si vous avez déjà var app, puis utilisez var app = UiApp.getActiveApplication(); et pour le bouton envoyer, il suffit d'ajouter submitButton.addClickHandler(closeHandler);
Pas sûr de ce que je fais mal - j'obtiens une erreur: TypeError: Impossible de trouver la fonction createDialogBox en fonction de l'objet de createApplication() {/* */} . J'ai mis à jour mon code ci-dessus... j'ai laissé le code pour l'ajout de panneaux et le bouton soumettre pour l'application juste pour le garder simplifiée ici.
Je ne sais pourquoi voulez-vous les deux lignes après " //Testpopup ....' commentaire? Et aussi corriger la ligne var closeHandler = app.createClientHandler.forTargets(boîte de dialogue).setVisible(false); en ajoutant a) b) après .createClientHandler
OriginalL'auteur balajiboss
Depuis UiApp est amorti, HTMLService devrait être utilisé pour créer des interfaces utilisateur personnalisées.
À l'invite de simple popup pour afficher un message, utilisez
alert
méthode de L'interface utilisateur de la classeinvite simple popup avec bonjour tout le monde, et un bouton ok.
À affichage personnalisé modèle html dans la boîte de Dialogue, utilisez HTMLService pour créer de modèle et de le passer à
showModalDialog
méthode de la Classe UiHtmlService.createHtmlOutputFromFile
vous permet d'afficher du code html dans un fichier séparé. voir la la documentationOriginalL'auteur MShoaib91
Popup - utiliser quelque chose comme ceci:
ajouter des éléments à la table et de masquer et d'afficher en tant que de besoin.
OriginalL'auteur eddyparkinson