[WebOS] Enyo Example !

간단한 뒤로가기 버튼과 작동 버튼을 만들고,

작동 버튼을 누르면 작성한 uri에서 callback함수를 불러 

작동하도록 하는 예제 ! 

classes 변수는 css속성을 주기 위한 변수이고

kind는 종류 !

var self = this ;

이렇게 선언하는 이유는

여기 코드에선 쓰지 않았지만

this라는 명령어를 통해 값을 변경할 위험이 있으니 ! 
self라는 변수로 다시 하는것 ! 훨씬 안전해지죠 ㅎㅎ

self.$.result.setContent("input") ; 이말은

지금 여기에있는 "result"라는 놈의 내용을 "input"으로 바꾼다 라는 말이에요 ㅎㅎ

addContent 하면 기본 내용에 추가만 되겟죠 ㅎㅎ

enyo에서 제공하는 놈이에요 ~ 잘쓰면 좋아요 ~ 

Simple Code ! 

enyo.kind({ name : "example", components : [ {kind: "Button", content :"Back", classes : "backBtn", ontap: "backTap"}, {kind: "Button", content : "Run", classes : "RunBtn", ontap: "FunctionTap" }, {kind: "onyx.Groupbox", components: [ {kind: "onyx.Groupbox", classes: "result-function", content: "helloWorld"}, {kind: "onyx.Groupbox", classes: "result-Box", content: "Result"}, {name:"result", classes: "result-Content", allowHtml: true, content: "Press the Run Button"} ]} ], // back to menu backTap: function(inSender, inEvent){ new MainView().renderInto(document.body) ; return true; }, FunctionTap: function(inSender, inEvent){ var req = new PalmServiceBridge() ; var url = 'palm:// ~~~ ' ; req.url = url ; var self = this; var result =""; req.onservicecallback = callback; function callback(msg){ console.log(msg); var response = JSON.parse(msg) ; if(response.returnValue){ console.log(response.returnValue) ; console.log(response.subscribed) ; result = "returnValue : " + response.returnValue + "<br> subscribed : " + response.subscribed; } else{ console.log(response.errorCode) ; //result = " Not Started or Error" ; result = " errorCode : " + response.errorCode ; } self.$.result.setContent(result) ; } var data= '{}'; req.call(url, data) ; }, });