How to use UI in Google App script

Post on 21-Jan-2015

309 views 6 download

description

How to use UI in Google App script

Transcript of How to use UI in Google App script

How to use Uiin Google App script

권오승

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

13년 5월 17일 금요일

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

• Standalone Scripts

• Container-Bound Scripts

• Spreadsheet Custom Functions

• Web Apps

• Google Sites Gadgets

• Container Extensions

13년 5월 17일 금요일

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

Panels

Form Panel Horizontal Panel

Vertical Panel

Flow Panel

And...

Widgets

Button Label CheckBox

Image TextArea Radio

And...

13년 5월 17일 금요일

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일 금요일

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

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

Application입니다.

13년 5월 17일 금요일

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

13년 5월 17일 금요일

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

13년 5월 17일 금요일

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

13년 5월 17일 금요일

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

13년 5월 17일 금요일

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

13년 5월 17일 금요일

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

13년 5월 17일 금요일

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

13년 5월 17일 금요일