Google script: Retrieve data from textbox

Question

I am trying to use Google App Script for the first time and want to get data out of a textbox in on a button click (Into variable TC in the second function). I have tried to follow both from Google and online but it seems like all the functions hey use have been decommissioned. Can anyone give me some guidance on this, I don't have any experience with UIs and have been working at this project for several hours.

See simplified code below.

Thank you,

John

function doGet() {
  var app = UiApp.createApplication().setTitle('Richardson-Dushmann Calculator');

  var Temperature  = app.createTextBox().setName("Temperature");

  var button = app.createButton('Calculate').setId('Calculate');
  var handler = button.addClickHandler(app.createServerHandler("handlerFunction"));

  var inputGrid = app.createGrid(1, 3);
  var mypanel = app.createVerticalPanel();  

      inputGrid.setWidget(0, 0, app.createLabel('T = '));
      inputGrid.setWidget(0, 1, Temperature);
      inputGrid.setWidget(0, 2, app.createLabel(' \xB0C'));

      mypanel.add(inputGrid);
      mypanel.add(button);

  app.add(mypanel);
  return app;

}

function handlerFunction(e) {
  var app = UiApp.getActiveApplication();
  var TC = e.parameter.Temperature;

   return app;
 }

Serge insas · Accepted Answer · 2014-06-30 14:23:54Z

1

You have to tell the handler what widget value should be transmitted to the function.

You could add the textBox but it's a good practice to add the highest level parent widget in case you need other values later on.

Use handler.addCallBackElement(widget) to achieve that, documented here.

EDIT following comment :

full code

function doGet() {
  var app = UiApp.createApplication().setTitle('Richardson-Dushmann Calculator');

  var Temperature  = app.createTextBox().setName("Temperature");

  var inputGrid = app.createGrid(1, 3);
  var mypanel = app.createVerticalPanel();  

  var button = app.createButton('Calculate').setId('Calculate');
  var handler = button.addClickHandler(app.createServerHandler("handlerFunction").addCallbackElement(mypanel))


      inputGrid.setWidget(0, 0, app.createLabel('T = '));
      inputGrid.setWidget(0, 1, Temperature);
      inputGrid.setWidget(0, 2, app.createLabel(' \xB0C'));

      mypanel.add(inputGrid);
      mypanel.add(button);

  app.add(mypanel);
  return app;

}

function handlerFunction(e) {
  var app = UiApp.getActiveApplication();
  var TC = e.parameter.Temperature;

   return app.add(app.createLabel(e.parameter.Temperature));// add the returned value in the app to check it comes back in the handler
 }

test here

edited Jun 30, 2014 at 14:23

answered Jun 30, 2014 at 6:22

Serge insas

46.9k7 gold badges113 silver badges135 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user1543042 Over a year ago

I tried doing this and it did not work. Even copy-pasting the code snippet under addCallbackElement in the Google documentation did not work.

Serge insas Over a year ago

see edit please... you probably forgot to change version

Collectives™ on Stack Overflow

Google script: Retrieve data from textbox

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related