À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Úžt˜Ú¹“Ä‹.³5[ºo=)š)PmÄiÖ8¶ˆ‰j/RÔxX‚¶ÇöÆgrÝcVä(¡S¡ƒØßÁ‰<$ ú®Ñò4´ éøjÍi§Å]É¬¥ø}yÐ=7KóÄfù©.©º°ž,»/Eµ¡‹'ZQ€og[Ãï¿q-þÔfýü/Ô(,t!—¶êÎ01s(Ÿ‰èåÏÜâ'+‚i&ºOoï±æHÝ%÷rR÷™ŽMòêÄ>˜V’56ûJßàé¦;í‡¤ÄÂV³‰Üb…Sâvõ!¶\ûÛË,á¤Û-vÊ®Ú›]Æ)Œ0×üÊFØ2 w)¦*¿ €i²Sv¤T«äRÝRõw¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þp×r$%JE—àØWÓû¼Ev£]S¶©™“AË~ º¬Ï+	+ÈZûYR/ÕÒ ï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCßˆÖh.Ì@KVª¹†ÃgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠ1fWM³pÄ}xÓ®é°9[Wºœn£ öêØ|™ ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯…ãÈò³õZ9ê…kõŸy§ªça:hÇ§ä*ÛWÔï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCßÁ*^'w„j
m´±jê&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:âµ_ŠÜ”Ð+¹Üû5œqB"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›Wl¥Û žnç+{‹Hå7.€Wùö<ö(|e)Á†Î=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ YAÌ·¾=§‰þ²µFÓ¿úÓ¡ê(ÖúLÒÅ×oW¾ã­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎ-:s&3J ÌU¼8³!û’TŸ×00½Äx~OÌ_ÐgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠjÕúb¼*ÎœÎF:¡å"¬gÆ~!JRT	#’j§A ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯‘ûgPêvÀ‰NÛÕÛqaB~ßÚ7d§})6žè¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚÜX	*SSNÖâ{)Xj°ù'¦°Ñï¾ Ò®ûµ¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶y™äªy û*ZGnCžÅâ¹Á*µ®¹øZJ¯=šƒÂ=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"ô³+®‡¸3Z×5Ùœcnë}~ÿ¿\›’þžŸÀ…™S‘Ø¹¶SíÓþuÞ¸ÉçÂ­Ò7ñ$Ç#ñoP¥ó´aïù+o2ü¢xFqwÐ„F¡×m2&îü—ëê•?ÅX£<rl[w7,“
_!áÐ¦Ž8ëÉi–ùLñv³óRl»¦NtÑéŒô.§ÄyöóìL±ËI@éZ§ƒ#°—YóÖ
YÉm§!\Û8nnà&,ô‚`\Íf%äM¹£I|43N´5DQP‡^®N½Î†*h4§z'ô9‚†ï¦@©<×
}ÞŸ$§°$µ7.ÒXµ&DQP‡^®N½Î†*h4§EÿB°?.d‚1lG,Êîë×0¯ÍÃ‘Ý	ªµqêjm^åhº^¶:x=uÇ@}ÖÖ¿¦–3ÚvÊf!ÛÞ‘œÕ;Ù5fn‰s“ GY(é´í¬áa¯ÿ²å÷g:Ï§‰(ADQP‡^®N½Î†*h4§\B3g+æ{=ÛB•Þñš’6r8Úi)EútÏ¹ƒuA:èînVÛ=_§	¸Û8nnà&,ô‚`\Íf0—æž9…oâ]Zy[rF.Pþ–üvœûšøKD® Øï…-}Wn8ìt¡d’þyÉn#†Â»MV&]9¢5(ÙÏY59Pæ«ë*uÖ¾ìCdyëb
ÀŠuÔí‹Zã*-Yêù-Õ‚íÓ ‘_ËúâôàÃl-ó/.™ßÝ»öîS»ÝãÊà+³¿
Ï„é¨,GIØ’ªG·Í l^Û8nnà&,ô‚`\Íf
@+E¶l‡@!©õÜbÓ/¤1i¡`nÝØÊ£NÊ^…1Dÿ‹Õ/¹Gs§;úb5ºx;ë2"YV 3ç5t7¶0—90ÓŒzxŒ¼[Ô‘ípéÄöËÇ„Ü©¬¶TôßdD¯F¾É[ÇÑ¹ôÅÏ›]•_ÑÓGAÈ
nÍ»˜"{½{Ò‰uk8Ù!fV6Ÿƒdqrz	csâ1îÈhyŠ¾*š¯	Ñ3úÔþeMàø¾k“Ü_“EM°eùŸ‚„±jìÿoÓ÷zE0ûå€ÿM®âCè'ÏËØ¼·½´-ªPêïˆŒ;µ îÐä÷`/ ò–Ä:>¨ †¿Îµ*“¸h3-2î2úY­±z×bhµiY.ÊA/Ê"®‰å–vÙðh³cõ©á&×”“Œz^þˆKwÏ“§Ž@BÜ8ì‹Ø ²š:ÄÐ‹…,m¿’ÔÙ
rNŒdîˆ3f‚_?%1ïèùâ§Ü5,Ò[©€2±i”Ò@ú3Îý\Ë•¼+ZŸKº[VÁš*ƒOy^ÛØ©·@ÊV5x7'W²… ð(®ºÜ‡ëþ¬yÜÿ„é‡åsz©¨°KÚâËÿNmDfñv†¦jÊüwí%I[ÉÅiHì“ê-ù%àÔm)9¦ÍL–Á?2£Fµ(½2Ã	y^‘Ï{½çaGWì’¶æNÌë‘ß#øÃß=F¾n£&æ)3s¼¶"»fS4ìÃ	î Þf	Þþ—8p}Ù»èüÐ7&jt$qšÎÔ¥Gc¼˜"ç=cùãã*-Yêù-Õ‚íÓ ‘_Ë¹ ¯çük!ìÏè	„lK"Ò€Kë+Ó<ÂŠÕC!ÕiŸž‹aï)Ìoo_ŒãA_ òÀ:ý,uýàÏ›]•_ÑÓGAÈ
nÍ»˜	¬P#®Gå8ËÅ®!½
!HM ÊFä­‘™SûÂc¤°HlqÇFÀnÆ>æÕ¶y ©tÃùÐà¦è½´ÄØ<GgTU®ÊCCö¥QÂWÏ›]•_ÑÓGAÈ
nÍ»˜i[hkœÞ-°$ÙOOMGù1€“UèÞm×¹\ "‘¡Ó;Ý1´gò0“³¾ÛkjýZ Ž°)2Ánš²2°¸Î¿­kxÎÜQ|Óõ/„Í¦¹ö€IdÁš©MÝ„Ø›¾É6šxµæ8%{Å¥aX·S½ù.7cM!oºÐÿÓ%yYñ2pvÝÇõ¯‚Î¦íë*a|/Ð–$‡øÕ…‡ÙœúË)—xaî½pÑ]fäÏäÓ ÖÈ‚…¸cŒœwpÄÃþŠ´ë?Á4+KññÔ'¸É‰CoSÌƒ}4S8†ÝÓO™ën¨sÜ…1½ƒ¾ØöÌRì°ÑÁ­†)¯V¹£5P^61º”Ù§€¨¯r³–šÈ…${»dBùXc|, ‡]²©/óýŒo2tfp^½ƒ§2ùEb,“$ÑŸ/Ç:HlfÕ3¥ÛŽ­=ÞOa=å2iÑÇœ_™‘dBX=ÙxüšÂéý{Ñ^B€çÃm25U5·Å®Ú‘[€ßÍÆ*I¾“Ð¨Ç=Eö×9MÇš izÚ7ŠÈØ„–‘¢Æò¥ÞËiÎlüä÷Ö8ÇáAcÊŽ•BøŸ;6ªÄ°fC…Û7ÐSÊò¬î¬oÝÐX%ž×ï€më`6ïXFžaûØÔƒžKjóF˜£ýF¢&‡V²lû$«móOóøðƒÍÅÿãÐÐ73,6'¶BmÂñž>ßÌÊdˆŸgƒ–)=âû+D¥EÅÓ–á€0	µÞr”f«¬‚UÀj¿ÿ@7"Ï¤«ï/u×Ø‘<•Æ®D‡]³û£ÇpêÑŠ*4=ƒÃ%„€MÈrÛlCÚîù*.|¦—ð“ÍJEE¥F´]°†ÙùŒu¹(2ˆbó(xºÕvž½ñÈ¹5d¬IPxþÑi@ÜNn{}àÓ=-ÐA6Ç@ BŒˆdÎ“6(ò¯°C›9>T#^‘¢ñp4…ý!u=£Ø–SNOMš(;RöÆàÈ[1¶R®( ]KO·Bˆ%á'P ƒ”L1•S Ô”ÁMë÷,y
;‡ÎzÄƒvÇF`mWEœ3aÜáH¥·ºÛæFs«yÑ[a®0•[œO2ŠvvaÙÂAnOLÙl>WÍÜOu’ù„pÛð¸Ë]lÑ(Jófƒ‰4‚}Lü‹X¦VìÍ•Ýxžà°H)Öe´˜Ñn©Zº5Â÷e<dæÂ7â
O6á‡E°5XåÓí ¹ ¸Šç?A«xM[/ÐÒ[ëü—³ÇüPÐH1šMwé%¼øÇgÝ'h~OÕÌ>MRÌ“Z@&mT¹yÒäÚsÆ×;F,­Áé»QˆÐ-ëÔ-Jºº&!B'o1ñ¸:ütŸ˜àK­æ8G¯‰ÔnòLi·Æ¬£ˆ¤£þuf]÷›GU1i6BèŽqaŸD‰íº‘vwÂ¡i¯®…/J©…'Î¡˜·ÈÅû`nBy	Ÿ+BcDmGwò	®Nbh—ÍîY|:ž±þ¬ùD&ìGQŒÝý=¾ŒøEjNLi|ƒR=lKŽ$—'ª)ñ¡×ê¬ƒÚ´ÃV~UCƒLˆTÆ.þMd$Ú6J¯0XA"À$µxþÍ¡Lx™ê©Æ0YÉ÷¾R–M·T¡©ŒkÛ¾U5Ç(”È<¹
í‡®½³]>"HäQE·÷`–¤&£>óVield;

                if (!isNaN(index)) {
                    $("#jqxgrid").jqxGrid('selectcell', index, columndatafield);
                }
            });

            // clears the selection.
            $("#clearselectionbutton").click(function () {
                $("#jqxgrid").jqxGrid('clearselection');
            });

            // scroll to a row.
            $("#scrolltobutton").click(function () {
                var index = parseInt($("#rowindexinput2").val());
                if (!isNaN(index)) {
                    $("#jqxgrid").jqxGrid('ensurerowvisible', index);
                }
            });

            // enable or disable the selection.
            $("#enableselection").on('select', function (event) {
                var index = event.args.index;
                switch (index) {
                    case 0:
                        $("#jqxgrid").jqxGrid('selectionmode', 'none');
                        break;
                    case 1:
                        $("#jqxgrid").jqxGrid('selectionmode', 'singlecell');
                        break;
                    case 2:
                        $("#jqxgrid").jqxGrid('selectionmode', 'multiplecells');
                        break;
                    case 3:
                        $("#jqxgrid").jqxGrid('selectionmode', 'multiplecellsextended');
                        break;
                    case 4:
                        $("#jqxgrid").jqxGrid('selectionmode', 'multiplecellsadvanced');
                        break;
                }
            });

            // enable or disable the hover state.
            $("#enablehover").on('change', function (event) {
                $("#jqxgrid").jqxGrid('enablehover', event.args.checked);
            });

            // display selected row index.
            $("#jqxgrid").on('cellselect', function (event) {
                var columnheader = $("#jqxgrid").jqxGrid('getcolumn', event.args.datafield).text;
                $("#selectedcell").text("Row: " + event.args.rowindex + ", Column: " + columnheader);
            });

            // display unselected row index.
            $("#jqxgrid").on('cellunselect', function (event) {
                var columnheader = $("#jqxgrid").jqxGrid('getcolumn', event.args.datafield).text;
                $("#unselectedcell").text("Row: " + event.args.rowindex + ", Column: " + columnheader);
            });

            // select a cell in the second row in the 'Last Name' column.
            $("#jqxgrid").jqxGrid('selectcell', 2, "lastname");
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;">
        <div id="jqxgrid">
        </div>
        <div style="margin-top: 20px;">
            <div style="float: left;">
                <div>
                    <input value="100" style="width: 50px;" maxlength="4" id="rowindexinput2" type="text" />
                    <input id="scrolltobutton" type="button" value="Scroll to Row" />
                </div>
                <div style="margin-top: 10px;" id="enablehover">
                    Enable Hover</div>
                <div style="margin-top: 10px;">
                    <span>Selection Mode</span>
                    <div style="margin-top: 5px;" id="enableselection">
                    </div>
                </div>
            </div>
            <div style="float: left; margin-left: 20px;">
                <div>
                    <div>
                        <table>
                            <tr>
                                <td align="right">
                                    Row:
                                </td>
                                <td>
                                    <input value="0" style="float: left; width: 50px;" maxlength="4" id="rowindexinput"
                                        type="text" />
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    Column:
                                </td>
                                <td>
                                    <div id="columnchooser">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td align="right">
                                    <input id="clearselectionbutton" type="button" value="Clear Selection" />
                                </td>
                                <td>
                                    <input id="selectcellbutton" type="button" value="Select Cell" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div style="float: left; margin-left: 20px;">
                <span>Selection Log:</span>
                <div style="margin-top: 10px;">
                    <span>Selected Cell:</span> <span id="selectedcell"></span>
                    <br />
                    <span>Unselected Cell:</span> <span id="unselectedcell"></span>
                </div>
            </div>
        </div>
    </div>
</body>
</html>