.&1|?" {}:+dt 4BEn!3_${Eڞtڹċ.5[o3 FznF@^4fZǝ];k|x$cT+w jIںgׁi'LP|їYGMY" v^{R/ͥ=j)>lmjG3K/@52/HQV:_A|}c=@0=[@QPcݶ`|jjQ!5K[|(ZnNK2dMƎy%6|TI ] Z\U͡]SFz:gA&.8)g) D"HԴOU&' Չ+yrI?u:qQI^ZNAsqɾ:3u`{:;NDxqcCϴ0T\ׄڴ8z?.+q2]aovw׆yj 8FP("d= =a~vK&&{~0#TDKFjnOc"x/lv&\bEH$$1=3 *yckheMW5&wqbDdOPr4xpyx9Ii.7\ׄڴ8z?.+q2]aovw׆yj e@D TQ͙|ѓw-$B j&9)ֈK1UC cDxf(o.2$^g5l o:hREa^=e\% p@I#{wc,Cߢ35:&M|X?ِ$3L?#bck+˕ušoUME V*@kf:e8A0N!'5ޏY \8UJUAPA>e ` SBYbt?'jq6 TQ͙|ѓw-$B j&9)ֈK1UC! ATڇ\!}i1 p֠J TQ͙|ѓw-$B j&9)ֈK1UC5N൱c.?ybUC0(!jJCcYiuDv_/A|#4/]]G vA0 -pNͰi  ""b E2Iy$&nLX GO8nn&,`\fx!&< xDQP^NΆ* h4C+{C-^mDQP^NΆ* h4"BeTtsZ_[x2yWQxkLYP2N98nn&,`\f'C֧UB{+g}xR ~`>T7OAm ǚJTŇqlճYxo*8nn&,`\fDit,!0ѻA 6knDͥ!(1 m"”2}&^1j+Fjߵt'y+=ju O݈u;akͷ7;XIA 6knf .GE'Z@G&L{u0"fJHAm_ꗪw;* 5k>!n3TНq%c-!'n]u"b5a?Hq\V)$$ KL/kHñeΈպN|2/ I Z}9w֬>t^Z9\Npyd"FŢU6ɷ0$ ҾA1wu!1O8+@~Dc{ƭ.N>v2wG(dUfʪb^ "7"-cFCĶg  'ұX* ϛ]_GA nͻC+{C-^mDQP^NΆ* h4B~9N*+2"(Ǽ*7I^DLy8[8nn&,`\fXޞ}xf2BPfŶIb) >dtɁy#R66F?YՎ%Ѵ-lp}"NYP -թ:Zy\H ߝY5BSwKVLVahCd?yTNT5UZ#eu K[x@V=T]d{IѼv%jQ@˽Y4S|Xl:Ivtcq]oDs^hޒ6 i"r`B笌fr̉:ugA,WF ܘVw1߆?1 ='pFrU1ahCd?yTNTZڣ"oky6/93fqOv{@j'u̯o-3/Eg8nn&,`\fmYwd؟kzwHp;8Na{NAhԻO2Bϲ<Hil2Q|^^::ʬ)'sf-О8u:^5eURly7H/gAyH.A..+ *Np|v+zga< s۲"|%R; 8cGb4b5pJ^|\X[8nn&,`\f v2Hji4סHz6Y('+َP4ׅWIيΔ k_&_T:j!Ndآenp _.pFEndōfkI8nn&,`\fnd\\:EmployeeID' }, { name: 'ShippedDate', map: 'm\\:properties>d\\:ShippedDate', type: 'date' }, { name: 'Freight', map: 'm\\:properties>d\\:Freight', type: 'float' }, { name: 'ShipName', map: 'm\\:properties>d\\:ShipName' }, { name: 'ShipAddress', map: 'm\\:properties>d\\:ShipAddress' }, { name: 'ShipCity', map: 'm\\:properties>d\\:ShipCity' }, { name: 'ShipCountry', map: 'm\\:properties>d\\:ShipCountry' } ], root: "entry", record: "content", id: 'm\\:properties>d\\:OrderID', url: "../sampledata/orders.xml", pager: function (pagenum, pagesize, oldpagenum) { // callback called when a page or page size is changed. } }; var ordersAdapter = new $.jqx.dataAdapter(ordersSource); $("#jqxgrid").jqxGrid( { width: 850, source: ordersAdapter, selectionmode: 'singlecell', pageable: true, autoheight: true, editable: true, columns: [ { text: 'Employee Name', datafield: 'EmployeeID', displayfield: 'EmployeeName', columntype: 'dropdownlist', width: 150}, { text: 'Ship City', datafield: 'ShipCity', width: 150}, { text: 'Ship Country', datafield: 'ShipCountry', width: 150 }, { text: 'Ship Name', datafield: 'ShipName'} ] }); $("#jqxgrid").on('cellselect', function (event) { var column = $("#jqxgrid").jqxGrid('getcolumn', event.args.datafield); var value = $("#jqxgrid").jqxGrid('getcellvalue', event.args.rowindex, column.datafield); var displayValue = $("#jqxgrid").jqxGrid('getcellvalue', event.args.rowindex, column.displayfield); $("#eventLog").html("
Selected Cell
Row: " + event.args.rowindex + ", Column: " + column.text + ", Value: " + value + ", Label: " + displayValue + "
"); }); $("#jqxgrid").on('cellendedit', function (event) { var column = $("#jqxgrid").jqxGrid('getcolumn', event.args.datafield); if (column.displayfield != column.datafield) { $("#eventLog").html("
Cell Edited:
Index: " + event.args.rowindex + ", Column: " + column.text + "
Value: " + event.args.value.value + ", Label: " + event.args.value.label + "
Old Value: " + event.args.oldvalue.value + ", Old Label: " + event.args.oldvalue.label + "
" ); } else { $("#eventLog").html("
Cell Edited:
Row: " + event.args.rowindex + ", Column: " + column.text + "
Value: " + event.args.value + "
Old Value: " + event.args.oldvalue + "
" ); } }); });