{"id":33729,"date":"2023-02-13T02:36:37","date_gmt":"2023-02-12T21:06:37","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/"},"modified":"2023-02-13T02:36:37","modified_gmt":"2023-02-12T21:06:37","slug":"solved-flex-4-itemrenderer-for-list","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/","title":{"rendered":"[Solved] Flex 4 Itemrenderer for List"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-15080186\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"15080186\" data-parentid=\"15078627\" data-score=\"2\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>One way to approach this is to add a field to the objects in your dataProvider that tracks whether or not the item has been selected.<\/p>\n<p>Then, in your item renderer, you inspect this field and decide whether or not to display the checkmark. Here&#8217;s a working example app and renderer:<\/p>\n<p>Application:<\/p>\n<pre><code>&lt;?xml version=\"1.0\" encoding=\"utf-8\"?&gt;\n&lt;s:Application xmlns:fx=\"http:\/\/ns.adobe.com\/mxml\/2009\" \n               xmlns:s=\"library:\/\/ns.adobe.com\/flex\/spark\" \n               xmlns:mx=\"library:\/\/ns.adobe.com\/flex\/mx\" minWidth=\"955\" minHeight=\"600\" xmlns:local=\"*\"\n               creationComplete=\"application1_creationCompleteHandler(event)\"&gt;\n    &lt;fx:Script&gt;\n        &lt;![CDATA[\n            import mx.collections.ArrayCollection;\n            import mx.events.CollectionEvent;\n            import mx.events.CollectionEventKind;\n            import mx.events.FlexEvent;\n            import mx.events.PropertyChangeEvent;\n            import mx.events.PropertyChangeEventKind;\n\n            private var collection:ArrayCollection;\n\n            protected function application1_creationCompleteHandler(event:FlexEvent):void\n            {\n                collection = new ArrayCollection([\n                    { label: 1, selected: false },\n                    { label: 2, selected: false },\n                    { label: 3, selected: false }]);\n\n                listbert.dataProvider=collection;\n            }\n\n            protected function listbert_clickHandler(event:MouseEvent):void\n            {\n                var index:int = listbert.selectedIndex;\n                var item:Object = listbert.selectedItem;\n                item.selected = !item.selected;\n                \/\/ Create these events because the items in the ArrayCollection\n                \/\/ are generic objects. It shouldn't be necessary if items in\n                \/\/ your collection are a Class that extends EventDispatcher\n                \/\/ see ArrayList::startTrackUpdates()\n                var e:PropertyChangeEvent = new PropertyChangeEvent(\n                    PropertyChangeEvent.PROPERTY_CHANGE, false,false,\n                    PropertyChangeEventKind.UPDATE, 'selected', !item.selected,\n                    item.selected, item);\n\n                collection.dispatchEvent(new CollectionEvent(\n                    CollectionEvent.COLLECTION_CHANGE, false,false,\n                    CollectionEventKind.UPDATE, index, index, [e]));\n            }\n\n        ]]&gt;\n    &lt;\/fx:Script&gt;\n\n        &lt;s:List id=\"listbert\" click=\"listbert_clickHandler(event)\" itemRenderer=\"TestRenderer\"\/&gt;\n&lt;\/s:Application&gt;\n<\/code><\/pre>\n<p>Item Renderer:<\/p>\n<pre><code>&lt;?xml version=\"1.0\" encoding=\"utf-8\"?&gt;\n&lt;s:ItemRenderer xmlns:fx=\"http:\/\/ns.adobe.com\/mxml\/2009\" \n                xmlns:s=\"library:\/\/ns.adobe.com\/flex\/spark\" &gt;\n    &lt;fx:Script&gt;\n        &lt;![CDATA[\n\n            override public function set data(value:Object):void\n            {\n                super.data = value;\n                labelDisplay.text = value.label;\n                if (value.selected)\n                    checkMarkLabel.text = \"\u2713\";\n                else\n                    checkMarkLabel.text = \"\";\n            }\n        ]]&gt;\n    &lt;\/fx:Script&gt;\n\n    &lt;s:layout&gt;\n        &lt;s:HorizontalLayout\/&gt;\n    &lt;\/s:layout&gt;\n    &lt;s:Label id=\"labelDisplay\" \/&gt;\n    &lt;s:Label id=\"checkMarkLabel\" \/&gt;\n&lt;\/s:ItemRenderer&gt;\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">1<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved Flex 4 Itemrenderer for List <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] One way to approach this is to add a field to the objects in your dataProvider that tracks whether or not the item has been selected. Then, in your item renderer, you inspect this field and decide whether or not to display the checkmark. Here&#8217;s a working example app and renderer: Application: &lt;?xml version=&#8221;1.0&#8243; &#8230; <a title=\"[Solved] Flex 4 Itemrenderer for List\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/\" aria-label=\"More on [Solved] Flex 4 Itemrenderer for List\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[454,6003,6004],"class_list":["post-33729","post","type-post","status-publish","format-standard","hentry","category-solved","tag-apache-flex","tag-flash-builder","tag-mxml"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>[Solved] Flex 4 Itemrenderer for List - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] Flex 4 Itemrenderer for List - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] One way to approach this is to add a field to the objects in your dataProvider that tracks whether or not the item has been selected. Then, in your item renderer, you inspect this field and decide whether or not to display the checkmark. Here&#8217;s a working example app and renderer: Application: &lt;?xml version=&quot;1.0&quot; ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-12T21:06:37+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-flex-4-itemrenderer-for-list\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-flex-4-itemrenderer-for-list\\\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] Flex 4 Itemrenderer for List\",\"datePublished\":\"2023-02-12T21:06:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-flex-4-itemrenderer-for-list\\\/\"},\"wordCount\":67,\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"keywords\":[\"apache-flex\",\"flash-builder\",\"mxml\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-flex-4-itemrenderer-for-list\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-flex-4-itemrenderer-for-list\\\/\",\"name\":\"[Solved] Flex 4 Itemrenderer for List - JassWeb\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\"},\"datePublished\":\"2023-02-12T21:06:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-flex-4-itemrenderer-for-list\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-flex-4-itemrenderer-for-list\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-flex-4-itemrenderer-for-list\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] Flex 4 Itemrenderer for List\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\\\/\\\/jassweb.com\"],\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/author\\\/jaspritsinghghumangmail-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] Flex 4 Itemrenderer for List - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] Flex 4 Itemrenderer for List - JassWeb","og_description":"[ad_1] One way to approach this is to add a field to the objects in your dataProvider that tracks whether or not the item has been selected. Then, in your item renderer, you inspect this field and decide whether or not to display the checkmark. Here&#8217;s a working example app and renderer: Application: &lt;?xml version=\"1.0\" ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/","og_site_name":"JassWeb","article_published_time":"2023-02-12T21:06:37+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] Flex 4 Itemrenderer for List","datePublished":"2023-02-12T21:06:37+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/"},"wordCount":67,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["apache-flex","flash-builder","mxml"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/","url":"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/","name":"[Solved] Flex 4 Itemrenderer for List - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2023-02-12T21:06:37+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-flex-4-itemrenderer-for-list\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] Flex 4 Itemrenderer for List"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777613206","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/33729","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=33729"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/33729\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=33729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=33729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=33729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}