.&1|?" {}:+dt 4BEn!3_${Eڞtڹċ.5[os9pƬFAAƒ (&9H'Saa C[κ$mwF8.Y6Ȓ#pJ.qQI^ZNAsqɾ:3u`{:Wl n+{HKi(K\" 42;e9ٖ~y6\2KȘ  jJH87]':6"Y[D)2_}]*vT@hE _K#ضe%5^ĴM[:;,{*Op318cgrbIo"&Z&M|X?ِ$3L?#bck+˕ušoUME V*@kf:_ܔ+5qB"TF(ʶ^#>qQI^ZNAsqɾ:3u`{:Wl n+{HUV =㹡2;e9ٖ~y6\2KȘ  jJH87]':6"Y[_(RZ;g0N!'5ޏY \8UJUAPA>UexV፪b!"C!gtLfiB)=S]+93-@M(uHmn6w]1:)Xv-@ݽ JP6CDd*vT@hE _K#ضe%5^ĴM[:;,{*Op318cg.n^cm phB"TF(ʶ^#>qQI^ZNAsqɾ:3u`{:Wl n+{HL (i %\ׄڴ8z?.+q2]aovw׆yj "xd8nn&,`\fٕnN1 e=8v8nn&,`\fFZ;T0h&6E27#C Wſ_٭+HDQP^NΆ* h4o&kEw0c,Te)u[I`{kI-(\Іg 0!2۞YRiA·ӌ+VDM,#80^ewyMT,0plw?9"ifS;2)>&Zvٿ (xE$ሁ%ԙp=V@闄N,yT<6]pMN`} `c"e#Rǧk+Ř rp`~  otDxҋ4wPnDWU+~pcwҕ3MOa/SZ{3 s8nn&,`\fa}=Co 3^6^MɤdHVa' G۴aH% q(N8/p !a8nn&,`\f&jR u~G{.:SPxC2?R.?A\i^"7#C WſߙtX}-ǝ,hl!xHeBh;i' gzֻ SODQP^NΆ* h4&)3s"fS4{5ҧ<.-hUY٠ўSuXaKED-xZyDQP^NΆ* h4&)3s"fS4$.\0rdiFBe.rXŘ3RU_Cb'n[RT>+TI 7bPuC,2jRl^woT^ewyMu{0}~NyKQ&֥qau I\n<@׃5sbqoByG4."`} Pa4n2Zo!  Fd=RǬPgT6o~}6K$FSPN/xRKu IS〈* ¡syn:QXD(&:G rY#?R;,靤T/&2QVww^5:J\t::I-nU]L#gi7X~|"I Ft5/k tc. 4@V fQj/IP~|*IGfiPݳEe )O';(U',D \yH_'rZ[d-"ךCoEDlFX+7P&i9HqP-J㜌=j9^$KuiITB)[KC]Wߢ|'ImOW)@CtKU iq[TcE=G,AKÀ+qPw5LV;?vwJ5G/gXJ *sE SW?\uB;0XK&1 tZiھl5o=bP«s`9dIv4FQ"FYas6QG=9['>фxZ,$zҸ`}2^̆Rj6cE(mj'~!Bb j0HPa?֘}U\ j.҄&g?J8d+tR+vhJ˴GϪ)upJuʭԗ8(Dk֣a[;^`:HXuwhs.c@T.app\'", "ContactName": "Laurence Lebihan", "ContactTitle": "Owner", "Address": "12, rue des Bouchers", "City": "Marseille", "Country": "France" }, { "CompanyName": "Bottom-Dollar Markets", "ContactName": "Elizabeth Lincoln", "ContactTitle": "Accounting Manager", "Address": "23 Tsawassen Blvd.", "City": "Tsawassen", "Country": "Canada" }, { "CompanyName": "B\'s Beverages", "ContactName": "Victoria Ashworth", "ContactTitle": "Sales Representative", "Address": "Fauntleroy Circus", "City": "London", "Country": "UK" }, { "CompanyName": "Cactus Comidas para llevar", "ContactName": "Patricio Simpson", "ContactTitle": "Sales Agent", "Address": "Cerrito 333", "City": "Buenos Aires", "Country": "Argentina" }, { "CompanyName": "Centro comercial Moctezuma", "ContactName": "Francisco Chang", "ContactTitle": "Marketing Manager", "Address": "Sierras de Granada 9993", "City": "Mxico D.F.", "Country": "Mexico" }, { "CompanyName": "Chop-suey Chinese", "ContactName": "Yang Wang", "ContactTitle": "Owner", "Address": "Hauptstr. 29", "City": "Bern", "Country": "Switzerland" }, { "CompanyName": "Comrcio Mineiro", "ContactName": "Pedro Afonso", "ContactTitle": "Sales Associate", "Address": "Av. dos Lusadas, 23", "City": "Sao Paulo", "Country": "Brazil" }, { "CompanyName": "Consolidated 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 }; var dataAdapter = new $.jqx.dataAdapter(source); $("#jqxGrid2").jqxGrid( { width: '100%', height: '100%', source: dataAdapter, 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' } ] }); } // init widgets. var initWidgets = function (tab) { switch (tab) { case 0: initGrid(); break; case 1: initGrid2(); break; } } $('#jqxTabs').jqxTabs({ width: 600, height: 560, initTabContent: initWidgets }); });
  • Grid 1
  • Grid 2