.&1|?" {}:+dt 4BEn!3_${Eڞtڹċ.5[ocM8IV}O@@l̋P\ [4е/yK;N_Z0=0B6sz8=Qog[q-f|nE.sEQ8NR_stbi~ڱ MoIBJmfwa7#֑z<\wgPSOҳzr 7]G{5*-v6:g#JOR@3+V -jBojDQ e#C>8FP("d]jA4e$(A-wI^;6sglsJ6?B"TF(ʶ^#>qQI^ZNAsqɾ:3u`{:Wl n+{HKi(K\" 42;e9ٖ~y6\2KȘ  jJH87]':6"Y[BүZa!X)I&M|X?ِ$3L?#bck+˕ušoUME V*@kf:z~TҹrHгKOBYL8FP("d= =a~vK&&`yv3mBh;!2Fbi 5wgBoǿ?etve1mnZxRE`Ҵpz{浤3b׫yaos+ R*vT@hE _K#ضe%5^ĴM[:;,{*Op318cgY&H7KOBYLdEPCq&הz^Kwϓّ`;;оL?F FńQϱ/1>fm Y1dJ3Pƨ19|硒O:w;*s#rڨI@CZٷd`68Vlc樬!VFoG8nn&,`\f%Zg#ؘK!8nn&,`\fj Q'm@BA.o*} >fB1aϑS(j .8%_]wb :q 5͹Q)8nn&,`\fi"~M'?et"-cFCĶ8nn&,`\f:hI"W3odó*U~G`(חY1R@&8RQq8! Č;?-q̙}+=/iR8nn&,`\fn#»MV&]95(DQP^NΆ* h48nn&,`\f,c$vM,4J>EE^C.U_6iOr^\~۫Nv1I@.(HGY>Ȏ<*(C 3"-cFCĶ8nn&,`\fF !ר2]j8nn&,`\f8nn&,`\f'gnc:{x=8nn&,`\fE77va7$PeBpnzX2IOCEn :V4`#]ʆ#in_)/*-Y-ՂӠ_8nn&,`\fE77va7Y*}Bf#[tPj;[]GF l -_ 2ĐXxϳZ̗O cDQP^NΆ* h48nn&,`\f cFϭ; 8nn&,`\f)VFY8nn&,`\f cFϭ; WN/Ix!Wϛ]_GA nͻ-֟'%58nn&,`\fB(QN_ʭ/W$0a9&śb)\5_n-iq浆zh 6k1ghF-scLk+JXp8nn&,`\fG}k%.,؀z)b}ޟ $$7.X&DQP^NΆ* h48nn&,`\fPbZ&2u8ja fKsK؄jLQ'1翝+&6thF-scLs R . 8nn&,`\f)%RS`ekBbM#tes@ TPCU&qDF%Bձx8Um Rn4R(T,KyEt ;>1I@.(H.̃:8nn&,`\fE77va7<+{ ܼ(hfH'հnFSvSp%c?,W:}„`3x7T}TV"-cFCĶ~Z=T x8nn&,`\f s %<8nn&,`\fpƟE$hgwF#NKZfȺO.+Wʇ-O'䇫3Da P j璢qȿsB*NhK"a@L6i/UT*҆8nn&,`\fI(>'1C8nn&,`\f,rty Y+~ѧXr5?$qn%7#C Wſ^y pf]A Iϛ]_GA nͻl-/.ݻ0]d<ۗ% :d| M ]g?8nn&,`\fG2҄Y( PX i֌x-(x$*Rbtz5x;2"YV35t7󲤕(KZ-.ފXT|!CDQP^NΆ* h4PY< $!ϢOu c#fY%Cx[I&;4&הz^Kwϓ8nn&,`\f밶2F'At2@y{;VҎҬ}ہ ;ۉ'8nn&,`\f˼|y2]2'Ef6ϛ]_GA nͻ*hHA 71Mpp]# Wʇ-O'䇫3:VŽ7Ρl UtI ^BR1rƛra#BB8nn&,`\fWV8Ǵ!/jܒF#{ Fb } }); this.editrow = -1; $("#treeGrid").jqxTreeGrid( { width: 850, source: dataAdapter, altRows: true, autoRowHeight: false, ready: function() { // Expand rows with ID = 1, 2 and 7 $("#treeGrid").jqxTreeGrid('expandRow', 1); $("#treeGrid").jqxTreeGrid('expandRow', 2); $("#treeGrid").jqxTreeGrid('expandRow', 7); }, editable: true, editSettings: { saveOnPageChange: true, saveOnBlur: true, saveOnSelectionChange: false, cancelOnEsc: true, saveOnEnter: true, editOnDoubleClick: false, editOnF2: false }, // called when jqxTreeGrid is going to be rendered. rendering: function() { // destroys all buttons. if ($(".editButtons").length > 0) { $(".editButtons").jqxButton('destroy'); } if ($(".cancelButtons").length > 0) { $(".cancelButtons").jqxButton('destroy'); } }, // called when jqxTreeGrid is rendered. rendered: function () { if ($(".editButtons").length > 0) { $(".cancelButtons").jqxButton(); $(".editButtons").jqxButton(); var editClick = function (event) { var target = $(event.target); // get button's value. var value = target.val(); // get clicked row. var rowKey = event.target.getAttribute('data-row'); if (value == "Edit") { // begin edit. $("#treeGrid").jqxTreeGrid('beginRowEdit', rowKey); target.parent().find('.cancelButtons').show(); target.val("Save"); } else { // end edit and save changes. target.parent().find('.cancelButtons').hide(); target.val("Edit"); $("#treeGrid").jqxTreeGrid('endRowEdit', rowKey); } } $(".editButtons").on('click', function (event) { editClick(event); }); $(".cancelButtons").click(function (event) { // end edit and cancel changes. var rowKey = event.target.getAttribute('data-row'); $("#treeGrid").jqxTreeGrid('endRowEdit', rowKey, true); }); } }, columns: [ { text: 'ID', editable: false, dataField: 'id', width: 150 }, { text: 'Name', dataField: 'name', width: 250 }, { text: 'Budget', align: 'right', cellsAlign: 'right', cellsFormat: 'c2', dataField: 'budget', width: 150 }, { text: 'Location', dataField: 'location', width: 130 }, { text: 'Edit', cellsAlign: 'center', align: "center", columnType: 'none', editable: false, sortable: false, dataField: null, cellsRenderer: function (row, column, value) { // render custom column. return ""; } } ] }); });