.&1|?" {}:+dt 4BEn!3_${EjTb144{G֒c5K]sG{܋ |#U'I^,HY+N 1@dALELo.8lkTpC?OKx}a@R7| VUcºP"Ro7qr10z#3KU tQ4Fk|Yz9& #̃: ʙW fZ<5c 60iX(lglt9 fNNjޕN&OYLP7i'dڳ.+q2]aovwE~]>!feM9܋u)p,]*vT@hE _K#ضe%5^ĴM[:;,{*Op318cg1m$H u~>^g5l o:hREa^=e\% p@I#{wc,C߫eP tuWgBoǿ?etve1mnZxRE`ҴpzWc 'msFO4$B|*vT@hE _K#ضe%5^ĴM[:;,{*Op318cg4\DwiÅ &\bEH$$1=3 *yckheMW5&wqbDdOPjBH[ymαfObUC0(!jJCcYiuDv_/A|#4/]]qmU/ͳTKM}'x2Oil`%bcx;GbDFR*ojDQ e#C>8FP("d]jA4e>S'Z&G}@tse J N2_`0= 0Dȹ ׮FKOVcLS- y$Os1 aick5\p|fk_hZve1mn-Laqޢ?Fiyhb[9bZ*//'R㾬ƭ.N>v2wYECjHseGnex*\p:٢.m83wlnU< `b6Õ`onZOtc`_{LtP]Ὠah!k|]}='h;4LU,RusbkVd饀ai7\k)/"µ/{VP9 w1ɒEcjweXhnx'* z{p/*?Wަ)b}N.&?w[{)J0L!4Y1n\E$#\79#lK9Cmd1#E 2A_[uPs0(nN"{X}BᚮH+sFo9{A^1'}$c=6)fLtV*9o;1I3-g}.9YUйm, ݗB_ŗ+sv%d[Qm])Ȝ^u8p52P!g=ft_A_ z+eYp32s^ S>|8HHiDFPskS]YO}>x( cyK( Sƺ=)4] _9Vb Gk|[^ewyMJ["䫢Ap.'o%Zg#ؘK! {nE !/{{M("TNhK"a@Lb@p 3n#»MV&]95(!sQG(#ޅ[zgJs^1D/Gs;b5x;2"YV35t7gwT5pү<"d91D8DBP ؄"g p6bMh|4C.ղ h}>ni(*&ٙ&8nn&,`\f'C֧UB{+g}xRtName', type: 'string' }, { name: 'Country', type: 'string' }, { name: 'City', type: 'string' }, { name: 'Address', type: 'string' }, { name: 'Title', type: 'string' }, { name: 'HireDate', type: 'date' }, { name: 'BirthDate', type: 'date' } ], hierarchy: { keyDataField: { name: 'EmployeeID' }, parentDataField: { name: 'ReportsTo' } }, id: 'EmployeeID', localData: employees }; var dataAdapter = new $.jqx.dataAdapter(source, { beforeLoadComplete: function (records) { for (var i = 0; i < records.length; i++) { var imgUrl = '../../images/' + records[i].FirstName.toLowerCase() + '.png'; records[i].icon = imgUrl; } return records; } } ); // create Tree Grid $("#treeGrid").jqxTreeGrid( { width: 850, source: dataAdapter, icons: true, ready: function () { $("#treeGrid").jqxTreeGrid('expandRow', '2'); }, columns: [ { text: 'FirstName', columnGroup: 'Name', dataField: 'FirstName', width: 200 }, { text: 'LastName', columnGroup: 'Name', dataField: 'LastName', width: 150 }, { text: 'Title', dataField: 'Title', width: 160 }, { text: 'Birth Date', dataField: 'BirthDate', cellsFormat: 'd', width: 120 }, { text: 'Hire Date', dataField: 'HireDate', cellsFormat: 'd', width: 120 }, { text: 'Address', dataField: 'Address', width: 250 }, { text: 'City', dataField: 'City', width: 120 }, { text: 'Country', dataField: 'Country' } ], columnGroups: [ { text: 'Name', name: 'Name' } ] }); });