{"id":580,"date":"2012-06-08T20:19:22","date_gmt":"2012-06-08T20:19:22","guid":{"rendered":"http:\/\/garysieling.com\/blog\/?p=580"},"modified":"2012-06-08T20:19:22","modified_gmt":"2012-06-08T20:19:22","slug":"extjs-treepanel-example","status":"publish","type":"post","link":"https:\/\/www.garysieling.com\/blog\/extjs-treepanel-example\/","title":{"rendered":"ExtJS TreePanel Example"},"content":{"rendered":"

Problem<\/strong><\/p>\n

You want to display a file manager style tree grid.<\/p>\n

Solution<\/strong><\/p>\n

Use the Ext.chart.Chart, and set several properties under the “series” property to render a pie chart. <\/p>\n

\n\n<\/pre>\n
Discussion<\/strong><\/p>\n
The official ExtJS documentation shows how to build a tree grid from an array, which I don’t find terribly helpful. More realistic applications require JSON lookups, and must handle things like addition\/removal of entries, paging, filtering, etc.<\/p>\n
Based on commentary on other sites, this component may not be good to use if you are concerned about section 508 compliance. Ext in general is very div happy, even in situations where it should render list tags – generally they designed for flexibility, not the amount of time it takes to render your preferred browser’s developer tools. In this case, the flexibility allows the TreeGrid to render multiple columns.<\/p>\n","protected":false},"excerpt":{"rendered":"
Problem You want to display a file manager style tree grid. Solution Use the Ext.chart.Chart, and set several properties under the “series” property to render a pie chart. Discussion The official ExtJS documentation shows how to build a tree grid from an array, which I don’t find terribly helpful. More realistic applications require JSON lookups, … <\/p>\n
Continue reading “ExtJS TreePanel Example”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[1],"tags":[154,155,215,218,221,222,223,224,240,276,277,303,304,316,317,318,319,575],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t