Transcript
Page 1: How to use UI in Google App script

How to use Uiin Google App script

권오승

(주)����������� ������������������  엔디테크놀로지

13년 5월 17일 금요일

Page 2: How to use UI in Google App script

6가지����������� ������������������  종류의����������� ������������������  Scripts를����������� ������������������  사용할����������� ������������������  수����������� ������������������  있다

• Standalone Scripts

• Container-Bound Scripts

• Spreadsheet Custom Functions

• Web Apps

• Google Sites Gadgets

• Container Extensions

13년 5월 17일 금요일

Page 3: How to use UI in Google App script

Ui����������� ������������������  Objects의����������� ������������������  종류

Panels

Form Panel Horizontal Panel

Vertical Panel

Flow Panel

And...

Widgets

Button Label CheckBox

Image TextArea Radio

And...

13년 5월 17일 금요일

Page 4: How to use UI in Google App script

Panel을����������� ������������������  사용하는법

var app = UiApp.createApplication();

var panel = app.createVerticalPanel();app.add(panel);

Blah

Blah

var textBox = app.createTextBox();

panel.add(textBox);

Blah

Blah Blah Blah

var panel = app.createHorizontalPanel();

var panel = app.createFlowPanel();

Blah Blah

Blah Blah Blah

13년 5월 17일 금요일

Page 5: How to use UI in Google App script

Make����������� ������������������  Sample����������� ������������������  Application.

간단한 Ui를 생성해 TextBox와 Button을 만들고 SpeadSheet에 입력한 텍스트를 Append 하는

Application입니다.

13년 5월 17일 금요일

Page 6: How to use UI in Google App script

스프레드시트를����������� ������������������  만들고����������� ������������������  도구����������� ������������������  -����������� ������������������  스크립트����������� ������������������  편집기를����������� ������������������  누릅니다.

13년 5월 17일 금요일

Page 7: How to use UI in Google App script

Script����������� ������������������  편집기에서����������� ������������������  ShowDialog라는����������� ������������������  함수를����������� ������������������  만들고����������� ������������������  실행합니다.

13년 5월 17일 금요일

Page 8: How to use UI in Google App script

실행한후����������� ������������������  해당����������� ������������������  스프레드시트로����������� ������������������  가면����������� ������������������  구성한����������� ������������������  ����������� ������������������  Ui가����������� ������������������  뜨는것을����������� ������������������  볼����������� ������������������  수����������� ������������������  있습니다.

13년 5월 17일 금요일

Page 9: How to use UI in Google App script

Ui����������� ������������������  구성은����������� ������������������  완료됐으니,����������� ������������������  버튼에����������� ������������������  지정할����������� ������������������  respondToSubmit이라는����������� ������������������  Handler를����������� ������������������  구현합니다.

13년 5월 17일 금요일

Page 10: How to use UI in Google App script

생성한����������� ������������������  Handler로����������� ������������������  button����������� ������������������  clickHandler와����������� ������������������  연결시켜줍니다.����������� ������������������  그리고����������� ������������������  실행합니다.

13년 5월 17일 금요일

Page 11: How to use UI in Google App script

App이����������� ������������������  뜨고����������� ������������������  텍스트����������� ������������������  박스에����������� ������������������  텍스트를����������� ������������������  입력����������� ������������������  후,����������� ������������������  submit����������� ������������������  버튼을����������� ������������������  눌러줍니다.

13년 5월 17일 금요일

Page 12: How to use UI in Google App script

해당����������� ������������������  셀에����������� ������������������  텍스트가����������� ������������������  들어간걸����������� ������������������  확인해����������� ������������������  볼����������� ������������������  수����������� ������������������  있습니다.

13년 5월 17일 금요일


Top Related