.&1|?" {}:+dt 4BEn!3_${EjTb144{G,wm:=@n2}$:ؖ ǎR]QTf3K49_A%?>нT(]{nd5.9s*{̲x:GrEzٿp?n%؁} beL4 WNkfN8 /w>BE "-cFCĶϺCqH JUtj:JByVP‘}$cHB6]P;]̲O~}<@̺p=OR:]Ak zrgL5)[rċb9nVA锤GSxĘ" =yQTb,lXfb^b+EڋD&W!n(rO, b w-秎.b.3[ѻ7ϛ]_GA nͻRm a"$b\ 1Ч> m7$^8nn&,`\f@" 77| plskm! #pJ8 _pQ|H{D{k >,$rVd2]V!Ѝi6X8!q@Iq, _3Wx맠NmR.04;g>P~uɕ`NPA>[1mGuwU|SKuݭWRߎiA؉l{@!m(e`YIX 8nn&,`\fgmF;\qu;3IRg~>bdt]' >E "}wA wSod-K eAl-ΎvYޓ($jJqW>b$b(D"ce- qcAg@~_8QԏuQ*[ 扲D>G={kBқ<{LrGօrW-aYI_8nn&,`\f9@JMD*W&jM*Xshí-]j37*Xs*qyQ1+4SX5|w~)~HGe_b+R**lgKi?b&?HUӭ\l"*isb,3ZaᴱGg9- Z#KXl-UWg?TDQP^NΆ* h4NVW~T(L~ w}TPY|L@,8F+Ɯ+t9? G1}8~,eNx* w@ώ4fZD_9A Ԁ{8wFX] KЇY ns%=_Kl+J3 uo۱Xf1_BuqVf^i&.8nn&,`\f)3Ŕ9V"-cFCĶ}ޟ $$7.X&DQP^NΆ* h48nn&,`\ftjDWt"Z:JuoOX9 tubC]#f`5u.I44P5H=#q Ak >L+?ʙ,>b$b(D"ce- qcAg@~_8͂wһdh(([ 扲D>G={'0,kC׵AT/3!AF8nn&,`\f8nn&,`\fyMGU w1FK}7g0J sHz_\p0nux O'<_c)x%+H:$ PpebB.?M)B%s-Ԑ됧  ?ؚ`q3&ܺeWJ Ql{QÉ[̳u.|h//;Wej ?FM69<|$36\\8nn&,`\f)%RS`ek|HBo͍ѻBюx|yUٰq?q@$L_yҲ&[% VYQ o@Ne89Iy?p^iݔH3Ӓ7r!7P}5uտP%?! {cL8nn&,`\fD8DBP ؄"g| >BE "-cFCĶ K',wAv;|F- D yot  H)=#p7`L9VGI*v,3k/DvsRΈWȘ)57&BskrG#"+bj_ -N,'\Z=be{40&[ S|B5ZfO8nn&,`\f_5dz-u[8nn&,`\f { "EmployeeID": 11, icon: '../../images/person.png', "Name": "Michael Wei", "Country": "China", "Title": "Sales Representative", "HireDate": "1996-10-17 00:00:00", "BirthDate": "1973-07-02 00:00:00" }, { "EmployeeID": 12, icon: '../../images/person.png', "Name": "Peter Han", "Country": "China", "Title": "Sales Representative", "HireDate": "1998-01-02 00:00:00", "BirthDate": "1970-05-29 00:00:00" }, ] }, { "EmployeeID": 13, icon: '../../images/person.png', "Name": "Chris Ferguson", "Country": "Canada", "Title": "Sales Representative", "HireDate": "2009-05-03 00:00:00", "BirthDate": "1967-09-19 00:00:00" }, { "EmployeeID": 14, icon: '../../images/person.png', "Name": "Antoni Brooke", "Country": "USA", "Title": "Sales Representative", "HireDate": "2010-05-03 00:00:00", "BirthDate": "1985-09-19 00:00:00" }, ] } ]; // prepare the data var source = { dataType: "json", dataFields: [ { name: 'EmployeeID', type: 'number' }, { name: 'Name', 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: 'Name', dataField: 'Name', width: 250, renderer: function (text, align, height) { return "
Name
"; } }, { text: 'Job Title', dataField: 'Title', width: 250, renderer: function (text, align, height) { return "
Job Title
"; } }, { text: 'Birth Date', dataField: 'BirthDate', cellsFormat: 'd', width: 120, renderer: function (text, align, height) { return "
Birth Date
"; } }, { text: 'Country', dataField: 'Country', renderer: function (text, align, height) { return "
Country
"; }, cellsRenderer: function (rowKey, dataField, value, data) { var imgString = "
"; switch (value) { case "USA": value = "United States"; break; case "UK": value = "United Kingdom"; break; } var countryName = "" + value + "
"; return imgString + countryName; } } ] }); });