1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- window.addEvent('domready',function(){
- tree = new Mif.Tree({
- container: $('tree_container'),
- forest: true,
- initialize: function(){
- this.initCheckbox('deps');
- new Mif.Tree.KeyNav(this);
- },
- types: {
- folder:{
- openIcon: 'mif-tree-open-icon',
- closeIcon: 'mif-tree-close-icon'
- },
- loader:{
- openIcon: 'mif-tree-loader-open-icon',
- closeIcon: 'mif-tree-loader-close-icon'
- },
- disabled:{
- openIcon: 'mif-tree-open-icon',
- closeIcon: 'mif-tree-close-icon',
- dragDisabled: true,
- cls: 'disabled'
- },
- book:{
- openIcon: 'mif-tree-book-icon',
- closeIcon: 'mif-tree-book-icon',
- loadable: true
- },
- bin:{
- openIcon: 'mif-tree-bin-open-icon',
- closeIcon: 'mif-tree-bin-close-icon'
- }
- },
- dfltType: 'folder'
- });
- //tree.initSortable();
- tree.load({
- url: '../assets/files/forest.json'
- });
- tree.loadOptions=function(node){
- // if node name 'empty' load from url 'empty.json'
- if(node.name == 'empty'){
- return {
- url: '../assets/files/empty.json'
- };
- }
- return {
- url: '../assets/files/mediumTree.json'
- };
- };
-
- $('getChecked').addEvent('click', function(){
- var checked = '';
- tree.getChecked().each(function(node){
- checked += '<p>' + node.name + '</p>';
- });
- $('checked').innerHTML = checked;
- });
-
- });
|