.&1|?" {}:+dt 4BEn!3_${EjTb144{G֒c5K]sG{܋ |#U'I^,HY+N 1@#ҟ9]V24\ڰt[QAl\;^Pl̃!le{ Vn&VoN\IpfiŇcg$-E|lj% 'fuWٗNm`/*>P~ $i%dxbCډһJq򂙼I%OA]m -/[>N{m} 7"΂6\2KȘ  jJH87]'բ s=p3 q>KެcMюPJᛮbUC0(!jJCcYiuDv_/A|#4/]]qmU/ͳTK:S KOBYL]6tj&M|X?ِ$3L?#bck+˕ušoUME V,8tXWRHKqAzޚx!)alhqQI^ZNAsTP(lT%N5S]_Ȝ y3k:61)W54fuAge\x网U >pUQ|X^g3#ٹ8nn&,`\f7xOQh|- D yot  1}#ӪES{.RTj4ǀ)]p7Z[r_-ِݾkswp6R*TCΈ.hm˛=ֱcҬ*0ٌJU -N,'\Z=b m7$^8nn&,`\f@" 77| plskm! #pJ8 _pQ|%QZ9'~✽JGs{; 1>fkA[v5q-,O7a eIsl:>(P~uɕ`NPA>[1mGuwU|SKuݭWRߎiA؉l{@!m TAAAI;éIrAgdd>Zlb?p3S0a\[өFU/9G8nn&,`\f-8+*{6f2I:'[eu[W>#8Ӳ:=.B_ŗ+UZ < \UUmx=/l? d!D)@\M|{Fz Lf?.DQP^NΆ* h4NVW~T(LPM/ b3gw}TPY|L@,8F+ d&7Bdҋ7Tb1HS⥾׻_9Pݓ[%iҠl9IfZD_9A Ԁ{8wFX] G={ tyс~<, }WmZrl|jx3(„׃ui&-d_Q ۟BΈFLثG;1HucW"-cFCĶ{E?ե4ڞK-_ MhL긶58nn&,`\f Tax9Z=&i8nn&,`\fn#»MV&]95( #;{t7X܀^a);w]$P ṛWĶ .C2w \p:٢.m83wlkvFS*T8s&[7^b݇ȬՕdP&Μ9(ZLn.~8uk=.~{cȕZ1W@d7ߌ!4Qu6fHz{!'7Cw+8 ,淊cH>v&Rej>߁%g=&3hD?Z`"; "GwǨj"W&e<ـk8zMJ/z& $DQP^NΆ* h48nn&,`\ftjDWt"Z:Ju_}1lw1o˅Ł"6/ W`-SMs% =H(۳y /߻ߑf]Y<@;%hYCeYb&?HUӭ\l"*ite": "1994-11-15 00:00:00", "BirthDate": "1966-01-27 00:00:00", "City": "London", "Address": "7 Houndstooth Rd." } ] }, { "EmployeeID": 10, icon: '../../images/asian.png', "FirstName": "Fumi", "LastName": "Jinushi", "Country": "UK", "Title": "Sales Manager", "HireDate": "1994-11-15 00:00:00", "BirthDate": "1954-02-03 00:00:00", "City": "London", "Address": "14 Garrett Hill", children: [ { "EmployeeID": 11, icon: '../../images/person.png', "FirstName": "Michael", "LastName": "Davidson", "Country": "UK", "Title": "Sales Representative", "HireDate": "1996-10-17 00:00:00", "BirthDate": "1973-07-02 00:00:00", "City": "London", "Address": "Coventry House Miner Rd." }, { "EmployeeID": 12, icon: '../../images/person.png', "FirstName": "Peter", "LastName": "Smith", "Country": "UK", "Title": "Sales Representative", "HireDate": "1998-01-02 00:00:00", "BirthDate": "1970-05-29 00:00:00", "City": "London", "Address": "Edgeham Hollow Winchester Way" }, ] }, { "EmployeeID": 13, icon: '../../images/person.png', "FirstName": "Chris", "LastName": "Ferguson", "Country": "USA", "Title": "Sales Representative", "HireDate": "2009-05-03 00:00:00", "BirthDate": "1967-09-19 00:00:00", "City": "Redmond", "Address": "4115 Old Redmond Rd." }, { "EmployeeID": 14, icon: '../../images/person.png', "FirstName": "Antoni", "LastName": "Brooke", "Country": "USA", "Title": "Sales Representative", "HireDate": "2010-05-03 00:00:00", "BirthDate": "1985-09-19 00:00:00", "City": "Redmond", "Address": "4210 Old Redmond Rd." }, ] } ]; // prepare the data var source = { dataType: "json", dataFields: [ { name: 'EmployeeID', type: 'number' }, { name: 'FirstName', type: 'string' }, { name: 'LastName', type: 'string' }, { name: 'Country', type: 'string' }, { name: 'City', type: 'string' }, { name: 'Address', type: 'string' }, { name: 'Title', type: 'string' }, { name: 'icon', type: 'string' }, { name: 'HireDate', type: 'date' }, { name: 'children', type: 'array' }, { name: 'expanded', type: 'bool' }, { name: 'BirthDate', type: 'date' } ], hierarchy: { root: 'children' }, id: 'EmployeeID', localData: employees }; var dataAdapter = new $.jqx.dataAdapter(source); // create Tree Grid $("#treeGrid").jqxTreeGrid( { width: 850, source: dataAdapter, sortable: true, icons: true, ready: function () { $("#treeGrid").jqxTreeGrid('expandRow', '2'); }, columns: [ { text: 'FirstName', dataField: 'FirstName', width: 200 }, { text: 'LastName', dataField: 'LastName', width: 200 }, { text: 'Title', dataField: 'Title', width: 200 }, { 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: 100 }, { text: 'Country', dataField: 'Country', width: 63, cellsRenderer: function (rowKey, dataField, value, data) { switch (value) { case "USA": return "
"; case "UK": return "
"; } } } ] }); });