À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Úžt˜Ú¹“Ä‹.³5[ºo™õ»kÁ£U§x6&—¶)A›á<-Ò~>fNà5)-
+œoVR|Kü›ÛÎâ•ù)”c›­i%ªjÃ –p‚pêL¦‘ßJwê<‹Ö‡Õ —¥Qöô\“® $o¥X{7ä×lÿ4Î…Õöûíd#­d4ò ½›Öëõšá"é¿Æú¹éÝ†[Ä@Tè";0yFwèo¶G¬ª°W4?Úqé“BÖ¬€¯|–_Å­Ê1¨&^² [êcTØç
* 	)Ì ©P×hF£Ï-8Eâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°IFèR‡Åé!h¯>Réð^Å%ÄXÄøù)á¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1Šß%‹>®„Ý¤RJŽ=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ YAÌ·¾=§‰þ²µFÓ¿amº)ªZãXQÆÎÇx­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎ  ›=2z°n£™(Cdú=µÀ¦7-Ú_ÍáøÌÿöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&&ããÒírç	©ß,ˆ1ÇHô˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿPÑþA™Ì>¾û®´ð¿€åvPÓèÐ€ôüoJ–æ‰Õk¬l;/»Ë·«K@ŒÓ*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØgÅP—3c–C}J+Ëg‘6&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝû¾qb³©¥DdO²ùP§ŸÇÌk*uÒ-¿/(êâ­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ Ê³DAÏ‘ëçQlß¡…ã·n‰x7¦fW³9=B"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉÿTŽP˜(élT”˜ð%N×5ƒ‹S¹µ¼ÁÑ]Þ_ŒÈœÌ	y3ñ²k:Â6Œ1ú)¿W54ÚfuéAõgeÉ\xç½‘ÈU>™ìT£-ïãêDBº¶ãŸ15E™û„B¤¦æNÏ¦>§×ÐA­1M9ŒÒ1JEy†ðò¶8!^g]ºÂ8ß#S³ò—ø“Ýø,L	ƒ 1Øt¿?Îã¶ÿ¥Ë,|'Ž¤ë1Yoú• qW!vYtž·cA2>þ]ÚJF/ý‚}ÿÍ	üÓ¶ŽqI)»Œ.’|#b—Pø0a³a˜
ŸE•ÕtÊgöï›–dQZï‹apÒ•»šªª°IWU6Êh4Žžô„‚vlªÑ÷<x2i–‡-ÄÔÌZ+çmï—yé ¹]2fü[)¼ðaGÀä*3Ê£(kóá,Í¦*ù’›¥ y%vW|ˆÂ*òŽÂŠÞÅ’jÔdV¤¸\û„Â›ù×Ø¢ùœœë\¹î† —9E,­¯êt6'í*˜¸²…>DNçqþ%;´q7^†É·®Ä­„ÀF(pçp"gUj0|Ðæ•(ùö‚“ô³K=è/{ñ×@§`qŸú]<GgˆpNêÊLþaì‡GàAsÅ4ž#Œˆ$§=v2Ö†:º4âæ×¦Ý72Ž;%öF!ê¿õeú+çâŸDÝŠ“
íGs!Íö8–G;Ä‰ïä¥ºÒš‡¢²fïèögÛCKÌýAƒ¤ÊÛ|H¹¬]yè\µÎUÀ¦U—èË¡ýØE‚‹q¿ÕÓØµ‰7R>KkOU‡ÞÂ–>Égäf±@'Šò@a9]¸* í9AtH[hOÜ‡HøOž¶Iù#yïnZOÒtc´`_{øLtàP¨]á½¨ah»¥‹!‰»k|¨]}='âhè;ˆÏ4LU†,Ru¶sbkVd¾é¥€ai©7ÇÓ\k)ßÞïù¬TÀûÐŸ˜ß}9€ w1®É’EcjweùÀ£N.lóE®PiË‹Em™«Ýøã®ö‡
z€{p¿§/*>8–wÛOÂàÛ–µ°Þ¯~d)Þxö»øãÿ¯^­Žæõ;#ìÊc>³ƒ”+²'š;¦ãä»pH,òÒa3Ÿî²â:ÃÔÞûXý‚œ(æ¨c8« Èq,Á×-úv->R#R)ošZ6K¦#S³ò—ø“Ýø,L	ƒ 1Øt¿?Îã¶ÿ¥Ë,|'Ž¤ë1Yoú• qW!vYtž·cA2>þ]ÚJF/ý‚}ÿÍ	üÓ¶ŽqI)k³"ÔF*˜”éTÊÀ
ŸE•ÕtÊgöï›–\ùV¿„›r¹ ÁüE·JuPpXÌ/¬NR]šÂbD\íáýcµàÀé`ðCg5(5r¸ÿpv^oü%dÖ~™p§/Ðï¡»IFÃ™3ô„¹Fû§ê1ù„Û½òæ‡“ò× C<Ìâ³ñDž`Gn®EÂ×zCÉíqW^?¶fo)Ì„0¸ÕŽ½×_:²ÇFê6`lä“‡a€‹Ç çˆó—bƒìG8ã­@”½;Ó%hÑYÕCeYü“´,|9Ÿ#8´
Ï¹í„Â¾é¥€ai©7ÇÓ\k)ß¾‹eù³ö7¥Hžßãð9€ w1®É’Ecjweùh‡ŸÃá(‹³?ˆ	SKéiÝøã®ö‡
z€{p¿§/*ÇË;ô÷#Àè úª@8%Ê¼FìEÿrñVŽÄ±”¤hOU q[‰ýåØ¬š=&awH˜ð.?º(mœ‹¼3×iÖq›u°\ÛÀnU‘}©ÌãKÀŸú¶Æ¼œü²=¶¯X/©Z»=|Ü1{EÌ|7@0‰¥&uSñ0k¦Žæ€ZÍ]7aŒó+†ÓúFÉY ãasì6úQ³G_2E„Ç'èñ£ýÙéì^ìPMºbj€ ÍúË‹y£ÛÀõÈÉQµŒ:š%½æ¶kpÉ	àz›¾à+eY¾pØîŽØä²~Öä+>i·	Ÿ?ƒt|¤ ¶8HºíHñÎi’DúÅéFŸ½PŒs¢£®]—_ÓÉ±Ñ9)À­ƒÞQÑ.°§W<rçJ+²'š;¦ãä»pH,Ñ'ÁE%ãgW‚ð‚ü| XËn™“âîAÅx¡q*¹ŽÔiÂ—Qf–èwsˆÉ3è\Í¶F«<"ÖýqÈ˜Ìa.¿?’M»‚)B%ès-ÔÛë§•¤‡¤©?“æØš`øú•¡q¡3&ùÆ´·ºÒÓÜº‡½eWJÇQlÂ{QÃ‰û[Ì³u.|Óhª¶·//²;W²¶£¨¢±Íe´jï	@¡öeI
Mlä±çNmêØ…P<*U@?›6z¤XåœÂ€W`¹ä•£ÇëûÃ)Ý%xÌ£sJÔõ«Ùþ‚e¹˜M0V­h*tµr‘“þ˜È"ØmŠ¤Gsºé{;ð
æ1>ÿ“”fƒkA[v5q»-,O†Á7aµòé(Q!LÂì¾öL?dÍn†Û\¬9”N¾_™~y ©a´®IOûOÑìë§ ñ N¯mRúô.0¨Õ4¢ÏüÈ;g>´P~—uÉ•¡`NâP¦é‚ãA>[1m³ŒÀ«GuwU|«—SKˆÔuÝ­ÃÁÒWÅRßŽi A£÷‰Ø‰l{‡@ò!mT—AAAIÌ;Ã©€ÙÓIŽr¼ðAgÌdÐÊæd>Z»lb?pÜ3S0a¡Œ\¯[ŒEüMöˆQ<tCDÚÆýf/ÊðÊŽ5°Ë¡SNý˜Ž\Çp:Ù¢æ.m83w™l1bNK›:À{ÿ+ S´_Õd7„£ öw„Ž‘E]Ä­ƒík¦gp2aMP	ÆpÎœ9þ(¡æ…ZÁ<QSÂ‰»k|¨]}='âhè;ˆÏ4LU†,Ru¶sbkVd¾é¥€ai©7ÇÓ\k)ßœÅ»IUÃ0lÀŠzO×s9€ w1®É’Ecjweù‡ÕÉéÞ?Zÿ»Ž×À§uÝøã®ö‡
z€{p¿§/*ÇË;ô÷#Àè úª@T[¸R-«6$+¥1òId«­¸×^ò³ÔuiÖN¡×Ìð³†¥ÏÀÍ&·ùB”ëEMZ** É´‡¿W›Wä@2]ËÕ}ìZ¶ITj6n7—Íl«ëÁé©”|-ÖŸÜÃ'ò%¼é—èß5„<"óhø¦
d¯Ðn=ÿl°'QÔ•¶QøçŸÓs£Õ?Û8nnà&,ô‚`\Íf•IÙæª(>'œŒ1¿û¼CéÛ8nnà&,ô‚`\ÍfÀ¬ZÆï'c=“¾ðTiKc«gë:¡¼-ÇòËÞ vœù®¿uªLÝ¸AÊÛ8nnà&,ô‚`\ÍfzK£v¢l˜lx›ÆSµuÙV5‡_ß
sùI8f›Ê^…1Dÿ‹Õ/¹Gs§;úb5ºx;ë2"YV 3ç5t7§ÿ¿§…Ñù–M FþµQêèëÕîêŽäÍSX0´qÐBjšD8DBP	Š²Ø„³ß"g p±6½ýbM¼hº·œ|“(D‘ôP}õ«,ÕxjÜkßáÏQxkLèYP2N9ìîµÍãÛ8nnà&,ô‚`\Ífó”éËØzd}È$2ëY±ÝALCÿ"`ÌÜ@¹èy4ØÆ°~>ÞRahª4ïæ°"…ˆMu¹‡dD¦ÜÆÇN¤Q¿±±‹w×®1òži(¤ÿ*&ÓÙ™Ý&³Û8nnà&,ô‚`\Íf6bœ;ä<äÏ#¬âÕÕ~Òxú€	‘
Ã4¶ ºá*—AÍ\©[YÆl’u*aÀC™Ãï7‹#C„¤	Ž˜WÅ¿›2<ã1t82ô²öD#>¤¯a¯ÿ²å÷g:Ï§‰(ADQP‡^®N½Î†*h4§è7J¬Å]«KcAwµÃÇ®t‘ÀÄ>~=óD¡Ýy ùñ'date' },
                    { name: 'BirthDate', type: 'date' }
                ],
                hierarchy:
                {
                    keyDataField: { name: 'EmployeeID' },
                    parentDataField: { name: 'ReportsTo' }
                },
                id: 'EmployeeID',
                localData: employees
            };
            var dataAdapter = new $.jqx.dataAdapter(source);
            // create Tree Grid
            $("#treeGrid").jqxTreeGrid(
            {
                width: 850,
                source: dataAdapter,
                ready: function () {
                    $("#treeGrid").jqxTreeGrid('expandRow', '2');
                },
                columns: [
                    { text: 'First Name', dataField: 'FirstName', width: 200 },
                    { text: 'Last Name', dataField: 'LastName', width: 150 },
                    { text: 'Title', dataField: 'Title', width: 160 },
                    { text: 'Birth Date', dataField: 'BirthDate', cellsFormat: 'd', width: 120 },
                    { text: 'Hire Date', dataField: 'HireDate', cellsFormat: 'd', width: 120 },
                    { text: 'Address', dataField: 'Address', width: 250 },
                    { text: 'City', dataField: 'City', width: 120 },
                    { text: 'Country', dataField: 'Country', width: 120 }
                ]
            });

            $("#excelExport").jqxButton();
            $("#xmlExport").jqxButton();
            $("#csvExport").jqxButton();
            $("#tsvExport").jqxButton();
            $("#htmlExport").jqxButton();
            $("#jsonExport").jqxButton();
            $("#pdfExport").jqxButton();

            $("#excelExport").click(function () {
                $("#treeGrid").jqxTreeGrid('exportData', 'xls');
            });
            $("#xmlExport").click(function () {
                $("#treeGrid").jqxTreeGrid('exportData', 'xml');
            });
            $("#csvExport").click(function () {
                $("#treeGrid").jqxTreeGrid('exportData', 'csv');
            });
            $("#tsvExport").click(function () {
                $("#treeGrid").jqxTreeGrid('exportData', 'tsv');
            });
            $("#htmlExport").click(function () {
                $("#treeGrid").jqxTreeGrid('exportData', 'html');
            });
            $("#jsonExport").click(function () {
                $("#treeGrid").jqxTreeGrid('exportData', 'json');
            });
            $("#pdfExport").click(function () {
                $("#treeGrid").jqxTreeGrid('exportData', 'pdf');
            });
        });
    </script>
</head>
<body class='default'>
    <div id="treeGrid"></div>
    <div style='margin-top: 20px;'>
        <div style='float: left;'>
            <input type="button" value="Export to Excel" id='excelExport' />
            <br />
            <br />
            <input type="button" value="Export to XML" id='xmlExport' />
        </div>
        <div style='margin-left: 10px; float: left;'>
            <input type="button" value="Export to CSV" id='csvExport' />
            <br />
            <br />
            <input type="button" value="Export to TSV" id='tsvExport' />
        </div>
        <div style='margin-left: 10px; float: left;'>
            <input type="button" value="Export to HTML" id='htmlExport' />
            <br />
            <br />
            <input type="button" value="Export to JSON" id='jsonExport' />
        </div>
        <div style='margin-left: 10px; float: left;'>
            <input type="button" value="Export to PDF" id='pdfExport' />
        </div>
    </div>
</body>
</html>