.&1|?" {}:+dt 4BEn!3_${Eڞtڹċ.5[oZ82+H  BRx:~7sq[etRؾp*:QևX6,OU-]=RyߣRMpHuwYȷ҈pjA#jEu ;4kBekgYW> Z#_LdU\َp׳) 30|ؿ{p&yC'9; ̖atXeq\ׄڴ8z?.+q2]aovw׆yj 8FP("d= =a~vK&&> D2M1,s#A!p Qv^g5l o:hREa^=e\% p@I#{wc,ClZ3&ozu}|G^<1=3 *yckheMW5&wqbDdOPk *u-/(\ӧIZCcYiuDv_/A|#4/]]qmU/ͳTK0./^btv>8FP("d= =a~vK&&čՂv3K5ݨώR>+'(YMFs/k=]pOrjbck+˕ušoUME V*@kf:Q>?qQI^ZNAsTP(lT%N5S]_Ȝ y3k:؉{p'Wʇ-O'䇫3U+& 5ocL w`\̹$siPȈM5%ha 1hկ(8yJEl\fM'ժ&nLX GOrf&!ufNWtfћyC"-cFCĶ3R5.y_yԼ8nn&,`\f[Vǫ8'GbE@]nmo6\6a*-Y-ՂӠ_l-/.ݻ6y\%x ~}W1G0ӃD!8nn&,`\fJPMqJf' Vtb4tj8/crQ|ۼR*=qqo9Z* t/RU_Cb'nPY< $!ϢO'f^CA^Y/PuۄCf+pE-CtTJP e#26yRKMjeJ)1 ~^7N3 FR.blF3QXJL b7\BZ|]6#p1C :&[̓S9]a1HWϛ]_GA nͻmĐz9V m> /tho9Q_iW %Ȝ)5Xى׊T08WE؛FwZۣ{`,@+1.q@] \86(ȉ.oНyp^m:fZa9#=;8$d$T;X9(|;$n݂h?yIF0h θPUr%RVx۰{<WߏBD4$j<-ZMM7LZ“Ѭ"SˑѭM{)0MND֯-}nu֩BzOJb_fEYl:@S1^z Ҭ蚿NֺNLb942Y6d0Z9?`N|=ET.LDit϶UWcEܟ"[&# Q8L%1ITWv\6Ux1qA;<aPUT C TѫBuһۙaűS}'x8nn&,`\f/U!fm~t4R)V3<`B,/⟹O[kW^z?r`ψcX._"-cFCĶem4U74Ao~<(o۠y:אN&cGiΛkzDQP^NΆ* h4`7bqnO KeӏKCsBn\E /yyyHJִ%C8nn&,`\f^}OMpMEQsÈKn$IUQ$G\ͧ{զ*[|Q:]T /t8£('w@0$8nn&,`\fͩd0'` ' Ml]KB[-DYаM7LZ“Ѭ"SFf*VqóZby8nn&,`\fƀ4: ?r"-cFCĶ'Ə} g9٬X5z+1ju!*KM, 6gq?8nn&,`\fXt P. ` d @א>+xpQh!0l pVSkuŬ;1bU .XOd逩GE&)`ag!ȷ_X 0wY(aEx|#üdoDs^hj Uh A=yw;% hIS_xwvt,n{ۄCf+6vl3i}ru[$vϛ]_GA nͻ"yГ}hv q M1Ҫk) [ `ۄaӁ̤ؽⶤ`fT4)3j 0j9 DON̔+BI/[8nn&,`\fzPË1<̫8nn&,`\f#0kS֚z Í H.ݦf ۄCf+Ur%RVx۰VG㟧MU&Yt'2gA;^Z"); var buttonTemplate = "
"; var addButton = $(buttonTemplate); var editButton = $(buttonTemplate); var deleteButton = $(buttonTemplate); var cancelButton = $(buttonTemplate); var updateButton = $(buttonTemplate); container.append(addButton); container.append(editButton); container.append(deleteButton); container.append(cancelButton); container.append(updateButton); toolBar.append(container); addButton.jqxButton({cursor: "pointer", enableDefault: false, disabled: true, height: 25, width: 25 }); addButton.find('div:first').addClass(toTheme('jqx-icon-plus')); addButton.jqxTooltip({ position: 'bottom', content: "Add"}); editButton.jqxButton({ cursor: "pointer", disabled: true, enableDefault: false, height: 25, width: 25 }); editButton.find('div:first').addClass(toTheme('jqx-icon-edit')); editButton.jqxTooltip({ position: 'bottom', content: "Edit"}); deleteButton.jqxButton({ cursor: "pointer", disabled: true, enableDefault: false, height: 25, width: 25 }); deleteButton.find('div:first').addClass(toTheme('jqx-icon-delete')); deleteButton.jqxTooltip({ position: 'bottom', content: "Delete"}); updateButton.jqxButton({ cursor: "pointer", disabled: true, enableDefault: false, height: 25, width: 25 }); updateButton.find('div:first').addClass(toTheme('jqx-icon-save')); updateButton.jqxTooltip({ position: 'bottom', content: "Save Changes"}); cancelButton.jqxButton({ cursor: "pointer", disabled: true, enableDefault: false, height: 25, width: 25 }); cancelButton.find('div:first').addClass(toTheme('jqx-icon-cancel')); cancelButton.jqxTooltip({ position: 'bottom', content: "Cancel"}); var updateButtons = function (action) { switch (action) { case "Select": addButton.jqxButton({ disabled: false }); deleteButton.jqxButton({ disabled: false }); editButton.jqxButton({ disabled: false }); cancelButton.jqxButton({ disabled: true }); updateButton.jqxButton({ disabled: true }); break; case "Unselect": addButton.jqxButton({ disabled: true }); deleteButton.jqxButton({ disabled: true }); editButton.jqxButton({ disabled: true }); cancelButton.jqxButton({ disabled: true }); updateButton.jqxButton({ disabled: true }); break; case "Edit": addButton.jqxButton({ disabled: true }); deleteButton.jqxButton({ disabled: true }); editButton.jqxButton({ disabled: true }); cancelButton.jqxButton({ disabled: false }); updateButton.jqxButton({ disabled: false }); break; case "End Edit": addButton.jqxButton({ disabled: false }); deleteButton.jqxButton({ disabled: false }); editButton.jqxButton({ disabled: false }); cancelButton.jqxButton({ disabled: true }); updateButton.jqxButton({ disabled: true }); break; } } var rowKey = null; $("#treeGrid").on('rowSelect', function (event) { var args = event.args; rowKey = args.key; updateButtons('Select'); }); $("#treeGrid").on('rowUnselect', function (event) { updateButtons('Unselect'); }); $("#treeGrid").on('rowEndEdit', function (event) { updateButtons('End Edit'); }); $("#treeGrid").on('rowBeginEdit', function (event) { updateButtons('Edit'); }); addButton.click(function (event) { if (!addButton.jqxButton('disabled')) { $("#treeGrid").jqxTreeGrid('expandRow', rowKey); // add new empty row. $("#treeGrid").jqxTreeGrid('addRow', null, {}, 'first', rowKey); // select the first row and clear the selection. $("#treeGrid").jqxTreeGrid('clearSelection'); $("#treeGrid").jqxTreeGrid('selectRow', newRowID); // edit the new row. $("#treeGrid").jqxTreeGrid('beginRowEdit', newRowID); updateButtons('add'); } }); cancelButton.click(function (event) { if (!cancelButton.jqxButton('disabled')) { // cancel changes. $("#treeGrid").jqxTreeGrid('endRowEdit', rowKey, true); } }); updateButton.click(function (event) { if (!updateButton.jqxButton('disabled')) { // save changes. $("#treeGrid").jqxTreeGrid('endRowEdit', rowKey, false); } }); editButton.click(function () { if (!editButton.jqxButton('disabled')) { $("#treeGrid").jqxTreeGrid('beginRowEdit', rowKey); updateButtons('edit'); } }); deleteButton.click(function () { if (!deleteButton.jqxButton('disabled')) { var selection = $("#treeGrid").jqxTreeGrid('getSelection'); if (selection.length > 1) { var keys = new Array(); for (var i = 0; i < selection.length; i++) { keys.push($("#treeGrid").jqxTreeGrid('getKey', selection[i])); } $("#treeGrid").jqxTreeGrid('deleteRow', keys); } else { $("#treeGrid").jqxTreeGrid('deleteRow', rowKey); } updateButtons('delete'); } }); }, columns: [ { text: 'Location Name', dataField: "Name", align: 'center', width: '50%' }, { text: 'Population', dataField: "Population", align: 'right', cellsAlign: 'right', width: '50%' } ] }); });