{"id":17,"date":"2008-06-20T18:24:41","date_gmt":"2008-06-21T01:24:41","guid":{"rendered":"http:\/\/www.nayansavla.com\/blog\/?p=17"},"modified":"2008-08-01T00:33:24","modified_gmt":"2008-08-01T07:33:24","slug":"connecting-cairngorm-view-with-the-command-class","status":"publish","type":"post","link":"https:\/\/www.nayansavla.com\/blog\/?p=17","title":{"rendered":"Connecting Cairngorm View with the Command Class."},"content":{"rendered":"

I have been playing with Cairngorm<\/a> quite a bit and usually when i dispatch cairngorm event, i rely on flex data binding with the model class to manage the view. This is applicable in most of the cases but then sometimes its not required to bind some data in your view with the model.\u00a0<\/p>\n

I came up with this solution to convert my view to a responder and then once data is fetched, I can update my view as required. Its really an easy solution, your view container has to implement mx.rpc.IResponder Interface and then in the cairngorm event you just pass its reference. It looks as follows,<\/p>\n

<mx:Canvas<\/span> xmlns:mx=”http:\/\/www.adobe.com\/2006\/mxml<\/span>” width=”343<\/span>” height=”389<\/span>” show=”initModule()” implements=”mx.rpc.IResponder<\/span>“><\/span><\/p>\n

there are only two methods in this interface, result and fault, this is how my script block looks inside this Canvas.<\/p>\n

import<\/span> com.adobe<\/span>.cairngorm<\/span>.control<\/span>.CairngormEventDispatcher<\/span>;
\nimport<\/span> com.sampleapp<\/span>.events<\/span>.GetStoreItemsEvent<\/span>;
\nimport<\/span> com.sampleapp<\/span>.model<\/span>.SampleAppModel<\/span>;
\nimport<\/span> mx.controls<\/span>.Alert<\/span>;
\n
\nprivate<\/span> var<\/span> model:SampleAppModel;
\n
\npublic<\/span> function<\/span> fault(<\/span>data<\/span>:Object<\/span>)<\/span>:void<\/span>{<\/span>
\n}<\/span>
\n
\nprivate<\/span> function<\/span> initModule(<\/span>)<\/span>:void<\/span>{<\/span>
\n\u00a0\u00a0 \u00a0if<\/span> (<\/span>!<\/span>SampleAppModel.getInstance<\/span>(<\/span>)<\/span>.albumDataList<\/span>)<\/span>{<\/span>
\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0model = SampleAppModel.getInstance<\/span>(<\/span>)<\/span>;
\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0var<\/span> event:GetStoreItemsEvent = new<\/span> GetStoreItemsEvent(<\/span>GetStoreItemsEvent.GET_STOREITEM<\/span>)<\/span>;
\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0event.data<\/span> = new<\/span> Object<\/span>(<\/span>)<\/span>;
\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0event.data<\/span>.responderObj<\/span> = this<\/span>;
\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0CairngormEventDispatcher.getInstance<\/span>(<\/span>)<\/span>.dispatchEvent<\/span>(<\/span>event)<\/span>;
\n\u00a0\u00a0 \u00a0}<\/span>
\n
\n}<\/span>
\n
\npublic<\/span> function<\/span> result(<\/span>data<\/span>:Object<\/span>)<\/span>:void<\/span>{<\/span>
\n\u00a0\u00a0 \u00a0var<\/span> resultXML:XMLList = data<\/span>.result<\/span>[<\/span>0<\/span>]<\/span>.children<\/span>(<\/span>)<\/span>.children<\/span>(<\/span>)<\/span>;
\n\u00a0\u00a0 \u00a0var<\/span> finalXML:XML<\/span> = new<\/span> XML<\/span>(<\/span>resultXML[<\/span>0<\/span>]<\/span>.toString<\/span>(<\/span>)<\/span>)<\/span>;
\n\u00a0\u00a0 \u00a0model.albumDataList<\/span> = finalXML.children<\/span>(<\/span>)<\/span>;
\n}<\/span><\/div><\/div>\n

and this is how the execute block inside my command class looks like,<\/p>\n

public<\/span> function<\/span> execute(<\/span>event:CairngormEvent)<\/span>:void<\/span> {<\/span>
\n\u00a0\u00a0 \u00a0var<\/span> service:WebService;
\n\u00a0\u00a0 \u00a0var<\/span> operation:Operation;
\n\u00a0\u00a0 \u00a0var<\/span> token:AsyncToken;
\n\u00a0\u00a0 \u00a0var<\/span> requestObj:Object<\/span>;
\n\u00a0\u00a0 \u00a0itemType = event.data<\/span>.itemType<\/span>;
\n
\n\u00a0\u00a0 \u00a0service = ServiceLocator.getInstance<\/span>(<\/span>)<\/span>.getWebService<\/span>(<\/span>"storeService"<\/span>)<\/span>;
\n
\n\u00a0\u00a0 \u00a0service.loadWSDL<\/span>(<\/span>)<\/span>;
\n
\n\u00a0\u00a0 \u00a0operation = service.getOperation<\/span>(<\/span>"GetItemsFromStore"<\/span>)<\/span> as Operation;
\n\u00a0\u00a0 \u00a0operation.resultFormat<\/span> = "e4x"<\/span>;
\n\u00a0\u00a0 \u00a0requestObj = new<\/span> Object<\/span>(<\/span>)<\/span>;
\n\u00a0\u00a0 \u00a0requestObj.itemType<\/span> = itemType;
\n\u00a0\u00a0 \u00a0operation.request<\/span> = requestObj;
\n\u00a0\u00a0 \u00a0token = operation.send<\/span>(<\/span>)<\/span> as AsyncToken;
\n\u00a0\u00a0 \u00a0\/\/this is the line where the responder object is passed to the Asynctoken<\/span>
\n\u00a0\u00a0 \u00a0token.addResponder<\/span>(<\/span>event.data<\/span>.responderObj<\/span>)<\/span>;
\n
\n}<\/span><\/div><\/div>\n

so using the above method, We make sure that the result function inside the canvas will be called when the data is received. Now you can do whatever you need to inside this function.<\/p>\n

Questions, Comments, Suggestions always welcome.<\/p>\n","protected":false},"excerpt":{"rendered":"

I have been playing with Cairngorm quite a bit and usually when i dispatch cairngorm event, i rely on flex data binding with the model class to manage the view. This is applicable in most of the cases but then sometimes its not required to bind some data in your view with the model.\u00a0 I […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,7],"tags":[22,21,66,23,24],"class_list":["post-17","post","type-post","status-publish","format-standard","hentry","category-as-30","category-flex","tag-actionscript-30","tag-cairngorm","tag-flex","tag-webservice","tag-wsdl"],"_links":{"self":[{"href":"https:\/\/www.nayansavla.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nayansavla.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nayansavla.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nayansavla.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nayansavla.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":0,"href":"https:\/\/www.nayansavla.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/17\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.nayansavla.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nayansavla.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=17"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nayansavla.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}