Ϊ1$_*fQ뿡 tWY<̛&`EQk>zfKBr%yVA͖qB}% "@آ]Kv?`Bp"C5Ba{_Mn<.[((Y %ӇhqmS5 W_0W6|TI ] Z\U͡]SFz:gA&.8)g) D"HԴOU&' Չ+yrI?u:qQI^ZNAsqɾ:3u`{:;NDxqcCϴ0T\ׄڴ8z?.+q2]aovwE~]>!fT#SC4Ao@&\bEH$$1=3 *yckheMW5&wqbDdOP{uo&M|X?ِ$3L?#bck+˕ušoUME V*@kf:pLee=5s=KB,+?gs;(Yw2m *])6"Jֻ 5AyYA=Fӿ:PqQI^ZNAsqɾ:3u`{:Wl n+{H^9C]K<ܳB"TF(ʶ^#>qQI^ZNAsTP(lT%N5S]_Ȝ y3k:61)W54fuwK 'ۊxkӽd*6{/.Az)c7J%(=[i/Ba6-tucT*Ȋq5M}.`^FYas6QG=9['v]IT_?r_<jif'~smmskڔL#uz60DlFX+7P&7E=Vܭ1ah?|u ^`ohDf..gGܐd.,FBy7n{WD,U ȯ'I>]C~Q12jFl~3%RrFPp$KTwRou*DlUG^}%D&Т|:@ZX?F.GWFxi9HqP-J~Dyb2ߘnܵo <9|AǩHS<SRi7g<~MO%i&6o"fbkC=a[Ý`Fz 6Ҧsll t0KHnGZ][ l2 Xh=U+͘ުb$b(D"ce-o#F=DS560<,j+x˒x_P[vՖ`Aq3KYξ7"/#:Y--d i:9HNU^0tUɔ^L9KC. t4Βg@lęۍ2@V fQK7T̻u:M () rO5nYkc=E*- zAi㗍ۋpR|I^.^jkH-Iz9]6r?^d+\]2dD$ႉm4&}] ۇ?uFYas6QG=9['QPtc]sZσv}it:h6 -7̅ nY^!~`iBOMa &fɶׇ5$T}"I!ty' r#Z OO:XK%4xx<[x+c^)l]W<f/KSRw0 v6aJF:݆Gowbրç~q%HsƮq^*'+;,4e#jZ%MC3^U0?Q$xT}"I!tyl`q1Ae guDemF. Vmn`I'D8q l`TjR_ӭ<'AYEkۚLRBG9vJ.0HPa?֘}UJdi ;Io t XHlI<|njbde guDemF. Vmn`Wa0Yt)_]=K@ M"aVRP}}ht%K||w2~ḇt/'-8XgW4 2hi:Ga,ʛ .F7X~|"I /CB2/TI*8di°ȍ0peB}'~ &k0i * TC}[+Kָx4A=~ b)-)i6X8!qbyQ!vfHyrԈo7؇"{970nFL0B𚊖O_8 e guDemF.cȕZ1W@dp Ouj/j9yyY%!feO̵gVY ںRa[@Ih ~e2_p3\d*6{nRZEk#"@. jrh=W N/h=YVi/_DuSf&"b?Wmz /&7$z E'QDgx+;Cl}m /׉.-=*F] Nw>AnG.Qixf7B.($g?jgF#ҘE;܇uuuֱ\}: a1i7'tPJh@Pmӷ˵1u( қCOp !L hʴ!Fo^Y3㵂*4׎<$2 邢b$jx1X<rZnk5͒+nrw/<[T'iK5s8Ay `\j/uקJdsH"Yqh&\m/"&Uy pk(ahnU$Q"nܵo g[m+)#6}yYamKha6I8TflqT$DP>pq Ne2,C̣W$xl .*S24@5X:vN 0z=!M$VY k86i!S)nLk%BL8ĕ!V*`huwa T\0ux^G5#Kr\. (GIHh7!jSpu3zIsolidated Holdings", "ContactName": "Elizabeth Brown", "ContactTitle": "Sales Representative", "Address": "Berkeley Gardens 12 Brewery", "City": "London", "Country": "UK" }, { "CompanyName": "Drachenblut Delikatessen", "ContactName": "Sven Ottlieb", "ContactTitle": "Order Administrator", "Address": "Walserweg 21", "City": "Aachen", "Country": "Germany" }, { "CompanyName": "Du monde entier", "ContactName": "Janine Labrune", "ContactTitle": "Owner", "Address": "67, rue des Cinquante Otages", "City": "Nantes", "Country": "France" }, { "CompanyName": "Eastern Connection", "ContactName": "Ann Devon", "ContactTitle": "Sales Agent", "Address": "35 King George", "City": "London", "Country": "UK" }, { "CompanyName": "Ernst Handel", "ContactName": "Roland Mendel", "ContactTitle": "Sales Manager", "Address": "Kirchgasse 6", "City": "Graz", "Country": "Austria"}]'; // prepare the data var source = { datatype: "json", datafields: [ { name: 'CompanyName', type: 'string' }, { name: 'ContactName', type: 'string' }, { name: 'ContactTitle', type: 'string' }, { name: 'Address', type: 'string' }, { name: 'City', type: 'string' }, { name: 'Country', type: 'string' } ], localdata: data, updaterow: function (rowid, rowdata, commit) { commit(true); } }; var dataAdapter = new $.jqx.dataAdapter(source); $("#jqxgrid").jqxGrid( { width: '100%', height: '100%', source: dataAdapter, columnsresize: true, columns: [ { text: 'Company Name', datafield: 'CompanyName', width: 250 }, { text: 'Contact Name', datafield: 'ContactName', width: 150 }, { text: 'Contact Title', datafield: 'ContactTitle', width: 180 }, { text: 'City', datafield: 'City', width: 120 }, { text: 'Country', datafield: 'Country'} ] }); $("#CompanyName").jqxInput({height: 23}); $("#ContactName").jqxInput({ height: 23}); $("#ContactTitle").jqxInput({ height: 23}); $("#City").jqxInput({ height: 23}); $("#Country").jqxInput({ height: 23}); $("#splitter").jqxSplitter({ width: 850, height: 400, panels: [{ min: 150, size: 330 }, { min: 250 }] }); $('#jqxgrid').on('rowselect', function (event) { // event arguments. var args = event.args; // selected row. var row = event.args.row; // update inputs. $("#CompanyName").val(row.CompanyName); $("#ContactName").val(row.ContactName); $("#ContactTitle").val(row.ContactTitle); $("#City").val(row.City); $("#Country").val(row.Country); }); $("#Save").jqxButton({ width: 70, height: 23 }); $("#Save").click(function () { var row = $('#jqxgrid').jqxGrid('getselectedrowindex'); var rowid = $("#jqxgrid").jqxGrid('getrowid', row); var data = { CompanyName: $("#CompanyName").val(), ContactName: $("#ContactName").val(), ContactTitle: $("#ContactTitle").val(), City: $("#City").val(), Country: $("#Country").val() }; $("#jqxgrid").jqxGrid('updaterow', rowid, data); }); });
Company Name:
Contact Name:
Contact Title:
City:
Country: