Call Library function from html with google.script.run

by

It seems that google.script.run can’t look inside Objects or self-executing anonymous functions. In my case, putting any code inside an object or IIFE resulted in “is not a function” type of error being thrown in the console.

You can work around this by declaring a single function that will call nested methods inside libraries and objects.

.GS file

 function callLibraryFunction(func, args){

    var arr = func.split(".");
    
    var libName = arr[0];
    var libFunc = arr[1];
    
    args = args || [];
       
   return this[libName][libFunc].apply(this, args);

}

In JavaScript, every object behaves like an associative array of key-value pairs, including the global object that ‘this’ would be pointing to in this scenario. Although both ‘libName’ and ‘libFunc’ are of String type, we can still reference them inside the global object by using the above syntax. apply() simply calls the function on ‘this’, making the result available in global scope.

Here’s how you call the library function from the client:

 google.script.run.callLibraryFunction("Library.libraryFunction", [5, 3]);

I don’t claim this solution as my own – this is something I saw at Bruce McPherson’s website a while back. You could come up with other ad-hoc solutions that may be more appropriate for your case, but I think this one is the most universal.

More Related Contents:

  1. What is the best way to parse html in google apps script
  2. Emailing Google Sheet range (with or without formatting) as a HTML table in a Gmail message
  3. Uploading Multiple Files to Google Drive with Google App Script
  4. What is the best way to parse html in google apps script
  5. Using base64-encoded images with HtmlService in Apps Script
  6. How do I dynamically adjust css stylesheet based on browser width?
  7. Google Apps Script HTML Form
  8. Display Spreadsheet Data to HTML Table
  9. Display Spreadsheet Data to HTML Table
  10. Javascript won’t output values from input box
  11. JQuery .focus() not work in .blur() event in Firefox
  12. When I load the page the alert(“hey”) function appears, why does the js function execute despite no onClick call? How do I prevent it from doing so?
  13. Different look in desktop, how to setup
  14. How to wait for the ‘end’ of ‘resize’ event and only then perform an action?
  15. How can javascript upload a blob?
  16. How to get the entire document HTML as a string?
  17. In jQuery, how do I select an element by its name attribute?
  18. Prevent contenteditable adding on ENTER – Chrome
  19. input type=file show only button
  20. Get value of input field inside an iframe
  21. Understanding Cross-Domain issue in Iframes
  22. How to change HTML Object element data attribute value in javascript
  23. how to add new to onclick with javascript
  24. Possible to associate label with checkbox without using “for=id”?
  25. Remove specific HTML tag with its content from javascript string
  26. Why does HTML Canvas getImageData() not return the exact same values that were just set?
  27. How to change a value from JavaScript
  28. How to submit a form when the return key is pressed?
  29. How to scroll to an element in jQuery?
  30. How to create a collapsing tree table in html/css/js?

Leave a Comment