À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Úžt˜Ú¹“Ä‹.³5[ºo‰`ùÅOKœÉõÔžM†gåO,FL>Öð6÷Õ=­1&“ÊÝ"ô¡ð’ú"ýås%ê#o‰,­÷ßÂ˜1¹Á…?ÖíäKù0GÜà™ÖÒµª£ x1<Ü 
_ æ=‚fámÓH…	w3Õºßioÿº†`XýcIÈº‚Â$²A¹ §È6ä7‹˜Ìæjž‚ vu\'$fòŠ&ýxCÂM¾:!Êh2EnTõºª°GWèRŠ¿Õ˜·×Ç¾qb³©¥DdO²ùPeLh/"xáÒ£i"2ÖÆÈ“.±Ng±çô”QcQóð`˜Ì¬C{63ÐË‘øx§Ú;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ \ócƒ"¨ i×(eÍü¼ñL¡—O‹²Ä^<«÷^™3ˆ)	æ7=Éæø`ç&LfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn ô¤ Úïtsî>¢"ºwÉôóŸwA±âUÐd£FÏö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™Ì>¾û®´ð¿€U‡¦±exVáªðÛb!ñ"ÁšêC!¥ gõt§¸LfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn Ð6áw]¥1:ê)X’¼v¡-@Ý½÷JõãP6CDdÓ*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=#¤'5§n#œ$â¥¬kRØÀ†»DšmXfðÙ0hOŠ7Å5î/‹¬ÂÞb'°çˆÓO¹ Ü3àyö§ì0­hžEâ…a¶áˆ^÷¶=é¨c@i‚ÚÍ`gƒæHŽ;ðÜÚ«ûµ2Ä¸\;6qê+b‡#æ“®_ÞQzæG€¼%Euÿs}‘50Ä~ÇOãš¶	ÕÓ;ÃÈ7oŽGÜ©œ\µž·mMóœn8çWUŸ*_¨!÷«€ñª3³ÎˆY†À÷ŸÍ‚ˆþƒÔ”ÃD©¶®øÌ@:Á7ùÁ{&•oõÇî•¸à"TZ¨B)\îÈ±ÎŽ
n†Û\¬9”N¾_™~y ©a´®IOûOÑÑ`‡ÂdÍã¹,I}èu‘•nØ5Éf/8¹ß¿†‘±±åBí~~ZÝ°³¯4/B4Jƒ¡RU©÷÷·ÁDÖˆD|ù
Ì=¾˜Y¾{o w19Ç«Ó“´K?šÙ›‘´Ë”Ø7C€ü“ä÷4Ïeä¤{ÊJöî_LÜäV~ÊXrªº(™ßÚ†ô¹4lsãE) ß~Eƒèà×ß‰Ožhóp
c n0ûä´ÛŽ\Çp:Ù¢æ.m83w™l%‹,tá9û]:¦;ª¢â³ü€[?qøÃw×-ß4Æ4˜€á\½ÝC£ÿ†‰Izâ§Ù}ò.©~<ðè¢ª[ßr«	¦äÑ~ JÐ+["èÉ%ØªmÄ³²'Ï!g$½µ×þ[]Æ"v—vN3}îáà.“šeN½M½¹kÏ
ŸE•ÕtÊgöï›–%¶-±åŽ@r„ƒ¦‚dŸuPpXÌ/¬NR]šÂbD\–œÊø¸œÏtä‡üú·é‘óJÍ(HäW»*˜²õ¯·þ–þÍB¦L1§»ÃŸŠtëÓl«— ›—Ÿ§w»--²]p,ÖÏè¹Yj,el>¬Ð
j&bâP,s-Ùß5‡¸­„Ëðüd­$¸$q¼HÖ˜®‘F£²”;ot1ÈhI-ü{.ÞÅß"ÛÒ‰Y‹¤›5œ©>¢ÉT6oè~Ù}6K$FS|:`Êè2K{' L<½À˜}€šS¾é¦‰Sh.½Xëf®bò^bµ¿þ+EÓÚf¶‡ú¬É{7+iK~Y|<çŒO7°isä(’¥ü'BÂhqG¦U³E}àÇ_‰Ul~]¬KdýiCÒªÝgk`¥ÑÅká¡è¦¸Oª8Ã™3ô„¹Fû§ê1ù„ÛÈà'22®ö—ïÜÑ«ûnÆÄÀH‘
Ù+ÝPmÁ„Ô¢ÍÎðp×Ç…(ÿ-4+<¿°—7#% (at³¢_ûÅ;n†Û\¬9”N¾_™~y ©a´®IOûOÑÑ`‡ÂdÍã¹,I}èu‘•nØ5Éf/8¹ß¿†‘±¸±Ô ·õü0©ôTÄ>^×µM‹”ýï
ê7›_^LR˜¶[“k_;Ë{ç†äE}àmFëž—“sÙ¬opk±•÷+oWYïƒüHó§˜Ì+t”Ç0~g®¯{ÕŠãÛ˜3.ý}w¨½¬( *Ž²¬S”ZZì
¡H^ñZpkv—(äk‹û^¸
‘ H7æWFf§CH¯ƒ€ŠM£ÛŽÞkQ±à	{õ>Y¼±¥-²±¡êÝÍ¦âúœy"zÝxæ€ZÍ]7aŒó+†ÓúQgÃ­TÎÙWfWˆ/„á:É?;+yZ"eÂVŒÚ$­óÕ:(w»å}Èn½Xëf®bò^bµ¿þ+EÓÚø¹â‚²‹ÅSz‡›Ks”ón°ög'Ä—A2¬ä¹´Ö!fnÐ s¬È}ÌC`Ì÷DðŠ[:ËY)±ÌS·sºH€ð}’Ø}\»n;h>'u+²'š;¦ãä»pH,K´ìÊÎØ8@—Õ¶:UŸ"ri4ÿRÛbxv|ùÚþEÂÓY#	4bq#/®²¾8+Ô'_O¸y±ZAk~ÿul öî¨ý
0 ð%(ÉuðÜ‰Ô2²¾xÏÄ¬6Çµ÷Õ ¶åCŠ%±búø[&ŒÏ ‡bŒSÙ…t$j–¶_ÜjâqÐÍ‚jÉ>XŒŽ€C¯ˆæü(R×¤ÊÞ¯ðì
Þ¦@Y¾+¢ôQôršóX”T)³¯¤ 5{å r¸R˜ÿ”!FÑ§þ!H³™±~²Éÿ6æPñI%Ÿ\1°»~s‘½ÜÃ™3ô„¹Fû§ê1ù„Û‚°¦\_Á ràÓ¿Ižéúz÷<)þH0ÿèÛ‘ø9²y¼­áÏÃß3‚òbÚ#S³ò—ø“Ýø,L	Rg7pÜøÖìXo£ÇÌê¨>ðL+?¶Ê™ó ,ª>„b$b(D"Ôcîe-	ÕqcA‘®g@~_·ý8˜ˆ
-A—ÃáÉ¦±ú[	æ‰²½D>G={§öùN‹,Š¶dEødcàjU
}ËWmóZrÐl»ð|èíjx¶£3(Â„‰×ƒui¯pXNa”¤$ƒDýBù×§@ov_úu†Øu…X”3Š5F^[ÊZ}…Ã§gìÅÙñÿŠð-ªèVRÚÓØ? ÐK#Ù|Ë½n·‹1,«êÅ×÷4å‰;^Ø¼Œ‰·Œ8\úé>V äøòë‚Úéj&€@FP¶ËÔ“½ewô;çw^†É·®Ä­„ÀF(pçp"+çƒ±öHj³ïéNx ’'Gü.•v–_ºu	e7rÿ¯†è÷kà‹ª¾ÚrG#ö…Ž÷’ÕUj”¥BÅ*l -Nù,Ëð'\Z¤=b<?ãC»7™_&‡¹‰÷5lð.B$QxÌ**¦Èy4•Î%*ökõ*Pþ¶Kyx{få³Š7¡‘ ©^ßß½ÖŽª»ãPÌDð F¾ù¢Ë·@Ÿðv=ŒQmûè­gf\Á£ÏL–ç€||m8˜ÂWRÅ¡foD¨MŠ©¯Ô´˜É”¢üâÝy„œ¦r8ž\#áçÃôö´ÛF1vña÷p+ñÛ T¨s› (ãy±víþÊcðS7Žå™ KÏm	èPFðT6oè~Ù}6K$FS|:`Êè2K{' L<½À²	ÓÉ…;Ð7£16~½Xëf®bò^bµ¿þ+EÓÚé•>ñóå8FcN9Û|¨ë¨N´ú]yÿ \_&(fnÐ s¬È}ÌC`Ì÷DðaÙ$¢òR¾U[½K1^?ù}³Š9}÷Ä™¹ÛÐ¼§ÓüÌL«/•‰DÃ
C¹gŸº	qæv479™cŒd5år6\Ø‹|´ZYðS¢¤ö‘	Â Vã3ðƒ;`x¯Da	”PÊþš´©öèõj®»Ô7-Þ`švYiŽÛ8nnà&,ô‚`\ÍfT>Ž3JÀ³ÈL¹w‡_×
|>4¼aw®ô¼s‰h¾”ªù$¸Ý]ÿ=½×–’ˆšiìt—‡!i‰vi”_–[Þ@Û8nnà&,ô‚`\Íf†—'ÐS•Ùìê
í]†wbÉ°CB•Oß©jþËNÜµ»Œ¸KÉ«,(ß'åÛ8nnà&,ô‚`\Íf¬ Âjíê—•¼°o;ÞH¶øúûi×Bh¬Á_µ»Œ¸KÉ«,(ß'åÛ8nnà&,ô‚`\ÍfŠsÔÚÊÑ>@üîm¸k²À'QµN·<½è¾Í¡µ>cÏØÆ°~>ÞRahª4ïæ°"Û8nnà&,ô‚`\Íf¡-CBsŒ±§rzðÞf]Ëà‡3É=â”³þp¹ôF«8Öêè…sA1Ùçeo’¿>1Û8nnà&,ô‚`\Íf+b‘pËP&þ,9î¾ð9ˆ@lõ¯æ@(_ä(	h&6E“·û±¢2Àé™Ãï7‹#C„¤	Ž˜WÅ¿›U½•’Ýj°”á‰:[ˆœšÙŠJXw®0ÎøqZw7¤"-ÐØcFC™Ä¶ôêúâôàÃl-ó/.™ßÝ»öæö(c–àÙ"j2z\k¯"ÏQxkLèYP2N9ìîµÍãÛ8nnà&,ô‚`\ÍfáƒýžÔÁ"†BeüTëTitle', type: 'string' },
                        { name: 'HireDate', type: '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,
                    editable: true,
                    ready: function () {
                        $("#treeGrid").jqxTreeGrid('expandRow', '2');
                        $("#treeGrid").jqxTreeGrid('selectRow', '2');
                        // focus jqxTreeGrid.
                        $("#treeGrid").jqxTreeGrid('focus');
                    },
                    columns: [
                      { text: 'FirstName', columnGroup: 'Name', dataField: 'FirstName', width: 200 },
                      { text: 'LastName', columnGroup: '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: 200 }
                    ]
                });
            });
        </script>
        <div id='jqxWidget' v>
            <div id='treeGrid'>
            </div>
            <div style="font-family: Verdana; font-size: 12px; width: 670px;">
                <ul>
                    <li><b>Left Arrow</b> key - on an expanded record, collapses the record.</li>
                    <li><b>Left Arrow</b> key - on a collapsed or end record moves focus to the record's parent.</li>
                    <li><b>Right Arrow</b> key - on a collapsed record expands the record.</li>
                    <li><b>Right Arrow</b> key - on an expanded record, moves to the first child record, or does nothing on an end record.</li>             
                    <li><b>Up Arrow</b> key is pressed - Selects the row above.</li>
                    <li><b>Down Arrow</b> key is pressed - Selects the row below.</li>
                    <li><b>Page Up/Down</b> is pressed - Navigate Up or Down with one page.</li>
                    <li><b>Home/End</b> is pressed - Navigate to the first or last row on the current page.</li>
                    <li><b>Enter</b> key is pressed - Saves the Edited Row.</li>
                    <li><b>Esc</b> key is pressed - Closes all Editors and Cancels the changes.</li>
                    <li><b>F2</b> key is pressed -  Enters edit mode for the currently selected row.</li>
                    <li><b>Shift+Arrow</b> key extends the selection.</li>
                    <li><b>Shift</b> extends the selection when an end user clicks on a row.</li>
                    <li><b>Ctrl</b> key is pressed - extends the selection when an end user clicks on a row. </li>
                    <li><b>Space</b> key is pressed - Checks/Unchecks the selected record(s). </li>
                 </ul>
            </div>
        </div>
    </div>
</body>
</html>