À.¸ï&1|?"{}:+dêV8Šms¬M.h%bŒ²‡êºQ#›‡oÞ›õÆD€ÝˆŽn#Ã·ð˜Â¦Ó3è Åz¥k&Z|à¼Ú<•úàL5˜°·ÏïDO÷©­ÝÖícØß’¾…°É}2_ô»áÔ8}SüØÞ5!øêãœ™§¤üª‘„ÓS*WZ‡›5H³ÛËj‚v­×QŠ(ÜÄÀÍu~+JE[’hUÄÒ¸€Ä™!\+(E‹	_"IlÌšæµÐÔ74qf€—‡§TÖÎ«W˜ÐâLgÊŸÂG$:qÄãN€œZb5qjBíÕ;‹ÚBU¨É³X—x^3çiH5Ê/ÃÝöÒˆ¬´®,µ#¢ðñ¥°etëî‰×X‚,ÙçJuWp¤Ý€#¿gm›+‚L¡½üDîŒLc`?UŸ%`ç§˜¡^»:}”Šºø ›ýFW'¿”ÎÑ‹Þ4ó|(—¡»2È4“qwƒJé’ÛB©~\|ÃDþ¥O’¨Ã~LfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn m‡i±Ÿÿ’;Ø6‰!L:ðêN”d8]¸aIPÌ±`&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òV4™ýJþ™&b˜îÔ°`õƒ4|ö@ñÇæëÆ®uYÞäf&­\ûbEëòH$¯$¢1=ù3à
Å*yÀ«ckhôeMW¸·5§€¡ó&wÝû¾qb³©¥DdO²ùP ªøúÀ{¯‚§ÚuÁoÚ&M|X?åÙ$3ÉLá?#»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:pLee¦ÿë=€5sÔ=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ YAÌ·¾=§‰þ²µFÓ¿þ¨…Å:ÑP<õºGR‡lÓ\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ï×†yj±	»<ÆFÙÑŽÎ:;XU3KÌ°W'ó\Nøß"Ÿ	xV3=ÃÚc ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯ c²D‰§çxìÅfáòÃÀ°(­oô»Û.‡Ž2–È$ï^Åëgú5l—º ±o:hREâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCßÐÁfÝ´g¶˜I¶zWZ¶ÓS¹}@tßseJ“ÐN»ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1Šßö¢ô†éÎ"ø·ò‡g¶tè=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"JÖ»¦5Aó®yÅÔ YAÌ·¾=§‰þ²µFÓ¿1sÄzkq‹“ÅºóíJ­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ ž5«x-±ëBj€/EïÎé­cŽ§—)ëJØR>i®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þƒq‘mÊU¡/Í³™T´K‰¢ð=Ð8ÅÖ“}Çær©»É7=
ÁYjx, Š‰¦ZøÔgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠtÎ¬TŒyâÏ‹d®GÂ=
ÁYjx, Š‰¦ZøÔgçBo¯ÐÇ¿?eât¾ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠ&‘ä+©·õ†Œ13Û	Ñ©r¿&6
%ˆ˜¶ëu4¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õð:6ü"ñ…£YÈêå[ýúF2'+ùg‘ë¶ˆe:Î¬&Ó\´èê×„àóÚ´8z?²³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ï×†yj±	»<ÆFÙÑJ³r³ig1QüŸBÙ,~Wå	¥—’pXGÏþÔwºÂû®bUC0(‡!j¸J¦CÞc‹YiuDv¦_°ò/™Aú|#É4®úª/]]þƒq‘mÊU¡/Í³™T´K‰×ü¤õÊVö|ÇÅÌãõš˜¨ö¤ø0„N!¼²'Ç5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿV{>/w¤°>ëÖÏÙ<Xsº¢q‡Û¿)p‰G€Š=ÁÍòKBÛ,+À?Çgs;ë(éY w2§m*])6"ô³+®‡¸3Z×5ÙœV¦øØY…²@Í„¬Õ7£SVÊ•Œ·À>,ñKŒ>Ä0Ñ|?þïåùóB\šÎ¥ÛU{/`$·J‰³dïÚ‡qUÉ@uVUU¥Q)ýÛhÖ5¸½áÿ?ýÄKˆ	X´‰þ³àŽ0Æ^„ºÊUJÄ¯phø`pÔ£ò
ý`Í>Š>«¾É„
ót–!ª~…ÄçXëâCk™¾JÎˆ;R®¬°/‡¿I!C†eAj ßÂ‘³'» çrmÃ‚)‡4Ç‚îI©W~ÃhîzÈyõ¡yÁ$Éö{ræ
Ü5M$-ƒ[óÓ Ã›¡rz Ð<¬ôæÀ¿îp-ÖŸÜÃ'ò%¼é—èß5Žß ´Ðžä]ß÷(Æ0u&dÏËòèÕÏ äîPÁöÝ÷EfÇiKÂ¶¦ôr¼£Çç•ÿ«4!I "GË%•¹×	2•1u„ÇÕHlÎp«K¨¥áh’_F­nx‰ñÚ·–­¡ûîÙúëŒÏÔÜs`×¸QŽ á 3ÏrÌ¯ù]ØNhÆK"šaë@L6ª®d&b×£ÝÿqòÈcÒ0ó Úý)º­Bu·,ÝŒÍ,Ñ¬n [Š\%1ë¼<ÎbË•ôÞÏÎ¸¤Ÿ:}½[t	¢ÊE']!ÌùÑe.âÈÃ¥½§´~?HO¥†¯Ý{CA¼W\Vy¡4ñ§ÖkÛ8nnà&,ô‚`\ÍfêÜ=f>®áüNH±Á@«)ï
è×"ñEµ)(ÁKäö€iÜ02ÚÔ.Û8nnà&,ô‚`\Ífà†¿?Ò=>ø€ÏmÆis˜|7²]	jÜÃh5ÉÈÐ}ã*-Yêù-Õ‚íÓ ‘_Ë…ˆMu¹‡dD¦ÜÆÇNùhæÒËOÞ€šj>¤`ØÿëÕîêŽäÍSX0´qÐBjšD8DBP	Š²Ø„³ß"g5ºx;ë2"YV 3ç5t7å­hN’vj¬b÷*.&9ˆ@lõ¯æ@(_ä(	h&6E“·û±¢2Àé™Ãï7‹#C„¤	Ž˜WÅ¿›×]Ì£ˆøºRuÆËVê¡~óc–!•üÎ‡•°Ÿã*-Yêù-Õ‚íÓ ‘_Ë…ˆMu¹‡dD¦ÜÆÇNð›
0/V¯’±†|‰×Gë’0ìÛ¹Yýlš€ûBˆff4,äÃÚQàÈ¾Én#†Â»MV&]9¢5(Ù'ù1MãFÝC£^š^Äõ¬D{…£wôÖ¢yÛm«±~÷8N»5^y.…à&`kO—`#Ï•mä«såÏéfÛ8nnà&,ô‚`\Ífjw§òTp6äJ/ê‡zš3Ï›]•_ÑÓGAÈ
nÍ»˜‰U-œ%XÑüK ùÔU@G¸R`±€|£Ñ¨øOÊ¯„<"óhø¦
d¯Ðn=ÿlbÅZ£gx4cÓ¤¬6?B{Û8nnà&,ô‚`\ÍfÍÒ¡™ýi4kMì4ŒþlÏ›]•_ÑÓGAÈ
nÍ»˜C)Ô‡#Ä-WÕ2Ô¸ßÖÆ÷áš¾Ú=Tè3…ØÜUá"(.Æ·@’pÄŒôÛ8nnà&,ô‚`\Íf&¶¥ÅM«‚kÝý‘oÜñ¨m	PŸ!ptnÏ'©qÔ<¶JÇ[ ðŽŽãÛ Ùé.oÐy¥š ¶ÂØpåÛ8nnà&,ô‚`\Ífÿ+uMXõ8cV9ü9˜¤(r£1L¿d˜÷&ëüj‰B3%Á¬58q_‡mà÷- Ý=’ñãÖœÐ9Û8nnà&,ô‚`\Íf»kÛ£#jˆöûáSQ¸½yÅ“<ò ZôO7’¾ÿþ[q¼)HaGîL‰]ß Ðb~š\}N³ÕçÞK3¡ÿËFÚr;ålˆ,ÍRý¦S/^Õ5VZÛ8nnà&,ô‚`\Íf;Ì?©e³:QÃ’÷	÷”r¨€,Öi¹|”Õ!,Ð0Øº~Æ‹“³<€vkü!’ÊuV™oq ëµãÖeiÛ8nnà&,ô‚`\Íf¿¾Yú§P¤ì…ðZÅú­íÔ›Ñ\z]Ôs­ž‰m^C;i$|­wHI sDH—W1˜<‹ËàëX£õ& Ãe¥r­&àWfV€°Å€näÈÔË§þ>ó47¹)‚äÛIô„‘­b±("ÝøÖ&oñü²®g¨CÏ»vñ‹ðŒŠÛ8nnà&,ô‚`\Íf)^÷%LþüŸòéÑ²RƒÚ´ÃV~UCƒLˆTÆ.A*ê•ºzMðDmÐ÷+ššóìÞu	°¹ºÇO§ˆ½Àù\åŒÃõi†M—2¥³³õÔÖ¬ñÉªZ+«öçáE5‡¡šõ7.bIñåPu
‚×Û8nnà&,ô‚`\Íf`šè”é¾7bqn¶O… Ke¥»àÓKCs‰Bn\ãÂEË/²ƒyy¿yæÒHJ¯Ö´“Æ%CèÛ8nnà&,ô‚`\ÍfyÞ.*eŸ4º1¬5%yt–7X…ž5 21Û^»¦)[£Û´™î>ó¡ÄtÍ	©lód$œ£6¡Q3Ò,xˆ«‹ú6Zè–úrÏ»ÚMiM’”}%yo<ÍWÐÛ8nnà&,ô‚`\ÍfôÝû	/ñ]pÿ´ÿcùÔT?ÅA)3÷˜½gVLLÉŒ1BDò  ÞÅ]n¿‡e~ÕÚÅ¦¹[+˜6ZîwßY5Bš•Sw‡KÀVLV}·ÙóÍ“.8Ãu&,ù3:à-S<à·šð…m              },
                    deleteRow: function (rowID, commit) {
                        // synchronize with the server - send delete command
                        // call commit with parameter true if the synchronization with the server is successful 
                        // and with parameter false if the synchronization failed.
                        commit(true);
                    }
                },
                pageable: true,
                sortable: true,
                altRows: true,
                ready: function () {
                    $scope.orderIDSettings = {created: function(args){orderID = args.instance;}, disabled: true, width: 150, height: 30 };
                    $scope.freightSettings = {created: function(args){freight = args.instance;}, spinButtons: true, inputMode: 'simple', width: 150, height: 30 };
                    var countries = new Array("Afghanistan", "Albania", "Algeria", "Andorra", "Angola", "Antarctica", "Antigua and Barbuda", "Argentina", "Armenia", "Australia", "Austria", "Azerbaijan", "Bahamas", "Bahrain", "Bangladesh", "Barbados", "Belarus", "Belgium", "Belize", "Benin", "Bermuda", "Bhutan", "Bolivia", "Bosnia and Herzegovina", "Botswana", "Brazil", "Brunei", "Bulgaria", "Burkina Faso", "Burma", "Burundi", "Cambodia", "Cameroon", "Canada", "Cape Verde", "Central African Republic", "Chad", "Chile", "China", "Colombia", "Comoros", "Congo, Democratic Republic", "Congo, Republic of the", "Costa Rica", "Cote d'Ivoire", "Croatia", "Cuba", "Cyprus", "Czech Republic", "Denmark", "Djibouti", "Dominica", "Dominican Republic", "East Timor", "Ecuador", "Egypt", "El Salvador", "Equatorial Guinea", "Eritrea", "Estonia", "Ethiopia", "Fiji", "Finland", "France", "Gabon", "Gambia", "Georgia", "Germany", "Ghana", "Greece", "Greenland", "Grenada", "Guatemala", "Guinea", "Guinea-Bissau", "Guyana", "Haiti", "Honduras", "Hong Kong", "Hungary", "Iceland", "India", "Indonesia", "Iran", "Iraq", "Ireland", "Israel", "Italy", "Jamaica", "Japan", "Jordan", "Kazakhstan", "Kenya", "Kiribati", "Korea, North", "Korea, South", "Kuwait", "Kyrgyzstan", "Laos", "Latvia", "Lebanon", "Lesotho", "Liberia", "Libya", "Liechtenstein", "Lithuania", "Luxembourg", "Macedonia", "Madagascar", "Malawi", "Malaysia", "Maldives", "Mali", "Malta", "Marshall Islands", "Mauritania", "Mauritius", "Mexico", "Micronesia", "Moldova", "Mongolia", "Morocco", "Monaco", "Mozambique", "Namibia", "Nauru", "Nepal", "Netherlands", "New Zealand", "Nicaragua", "Niger", "Nigeria", "Norway", "Oman", "Pakistan", "Panama", "Papua New Guinea", "Paraguay", "Peru", "Philippines", "Poland", "Portugal", "Qatar", "Romania", "Russia", "Rwanda", "Samoa", "San Marino", " Sao Tome", "Saudi Arabia", "Senegal", "Serbia and Montenegro", "Seychelles", "Sierra Leone", "Singapore", "Slovakia", "Slovenia", "Solomon Islands", "Somalia", "South Africa", "Spain", "Sri Lanka", "Sudan", "Suriname", "Swaziland", "Sweden", "Switzerland", "Syria", "Taiwan", "Tajikistan", "Tanzania", "Thailand", "Togo", "Tonga", "Trinidad and Tobago", "Tunisia", "Turkey", "Turkmenistan", "Uganda", "Ukraine", "United Arab Emirates", "United Kingdom", "United States", "Uruguay", "Uzbekistan", "Vanuatu", "Venezuela", "Vietnam", "Yemen", "Zambia", "Zimbabwe");
                    $scope.shipCountrySettings = {created: function(args){shipCountry = args.instance;}, source: countries, width: 150, height: 30 };
                    $scope.shipDateSettings = { created: function(args){shipDate = args.instance;}, formatString: 'd', width: 150, height: 30 };
                    $scope.saveSettings = { height: 30, width: 80 };
                    $scope.cancelSettings = { height: 30, width: 80 };
                    $scope.cancel = function () {
                        dialog.close();
                    };
                    $scope.save = function () {
                        dialog.close();
                        // update edited row.
                        var rowData = {
                            OrderID: orderID.val(), Freight: freight.val(),
                            ShipCountry: shipCountry.val(), ShippedDate: shipDate.val()
                        };
                        dataTable.updateRow(editRow, rowData);
                    };
                    $scope.close = function()
                    {
                        $scope.dataTableSettings.disabled = false;
                    };

                    var table = document.getElementById("table");
             
                    $scope.dialogSettings =
                    {
                        created: function(args)
                        {
                            dialog = args.instance;
                        },
                        resizable: false,
                        position: { left: table.offsetLeft + 75, top: table.offsetTop + 35 },
                        width: 270, height: 230,
                        autoOpen: false
                    };
                },
                pagerButtonsCount: 8,
                columns: [
                  { text: 'Order ID', editable: false, dataField: 'OrderID', width: 200 },
                  { text: 'Freight', dataField: 'Freight', cellsFormat: 'f2', cellsAlign: 'right', align: 'right', width: 200 },
                  { text: 'Ship Country', dataField: 'ShipCountry', width: 150 },
                  { text: 'Shipped Date', dataField: 'ShippedDate', cellsAlign: 'right', align: 'right', cellsFormat: 'd' }
                ]
            };
            $scope.rowDoubleClick = function (event) {
                var args = event.args;
                var index = args.index;
                var row = args.row;
                // update the widgets inside jqxWindow.
                dialog.setTitle("Edit Row: " + row.OrderID);
                dialog.open();
                editRow = index;
                $scope.dataTableSettings.disabled = true;
                orderID.val(row.OrderID);
                freight.val(row.Freight);
                shipCountry.val(row.ShipCountry);
                shipDate.val(row.ShippedDate);
            };
        });
    </script>
</head>
 <body ng-controller="demoController">
    <jqx-data-table jqx-watch="dataTableSettings.disabled" jqx-on-row-double-click="rowDoubleClick(event)" jqx-settings="dataTableSettings"></jqx-data-table>
    <jqx-window jqx-on-close="close()" jqx-create="dialogSettings" jqx-settings="dialogSettings">
        <div>Edit Dialog</div>
        <div style="overflow: hidden;">
            <table id="table" style="table-layout: fixed; border-style: none;">
                <tr>
                    <td align="right">Order ID:
                    </td>
                    <td align="left">
                        <jqx-input jqx-disabled="true" jqx-settings="orderIDSettings" jqx-create="orderIDSettings"></jqx-input>
                    </td>
                </tr>
                <tr>
                    <td align="right">Freight:
                    </td>
                    <td align="left">
                        <jqx-number-input jqx-settings="freightSettings" jqx-create="freightSettings"></jqx-number-input>
                    </td>

                </tr>
                <tr>
                    <td align="right">Ship Country:
                    </td>
                    <td align="left">
                        <jqx-input jqx-settings="shipCountrySettings" jqx-create="shipCountrySettings"></jqx-input>
                    </td>
                </tr>
                <tr>
                    <td align="right">Shipped Date:</td>
                    <td align="left">
                        <jqx-date-time-input jqx-settings="shipDateSettings" jqx-create="shipDateSettings"></jqx-date-time-input>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="right">
                         <br />
                         <jqx-button jqx-settings="saveSettings" jqx-create="saveSettings" jqx-on-click="save()">Save</jqx-button><jqx-button jqx-on-click="cancel()" style="margin-left: 5px;" jqx-settings="cancelSettings" jqx-create="cancelSettings">Cancel</jqx-button></td>                    
                   </tr>
            </table>
        </div>
    </jqx-window>
</body>
</html>