123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186 |
- window.addEvent('domready',function(){
- tree = new Mif.Tree({
- container: $('tree_container'),
- forest: true,
- initialize: function(){
- new Mif.Tree.KeyNav(this);
- new Mif.Tree.Drag(this, {
- onDrag: function(){
- //inject book inside book not allowed;
- if(this.target && this.target.type == 'book' && this.current.type == 'book' && this.where == 'inside'){
- this.where = 'notAllowed';
- }
- $('destination').innerHTML = this.target ? this.target.name : '';
- $('where').innerHTML = this.where;
- },
- onStart: function(){
- $('source').innerHTML = this.current.name;
- },
- onComplete: function(){
- $('destination').innerHTML = '';
- $('where').innerHTML = '';
- $('source').innerHTML = '';
- }
- });
- },
- 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',
- dropDenied: ['inside','after']
- },
- 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',
- height: 18,
- onCopy: function(from, to, where, copy){
- if(from.getParent() == copy.getParent()){
- copy.set({
- property: {
- name: 'copy ' + from.name
- }
- });
- }
- }
- });
- //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'
- };
- };
-
- tree2 = new Mif.Tree({
- container: $('tree_container2'),
- initialize: function(){
- new Mif.Tree.KeyNav(this);
- new Mif.Tree.Drag(this, {
- onDrag: function(){
- $('destination').innerHTML = this.target ? this.target.name : '';
- $('where').innerHTML = this.where;
- },
- onStart: function(){
- $('source').innerHTML = this.current.name;
- },
- onComplete: function(){
- $('destination').innerHTML = '';
- $('where').innerHTML = '';
- $('source').innerHTML = '';
- }
- });
- },
- 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',
- dropDenied: ['inside','after']
- },
- disabled: {
- openIcon: 'mif-tree-open-icon',
- closeIcon: 'mif-tree-close-icon',
- dragDisbled: 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',
- height: 18,
- onCopy: function(from, to, where, copy){
- if(from.getParent() == copy.getParent()){
- copy.set({
- property: {
- name: 'copy ' + from.name
- }
- });
- }
- }
- });
- var json = [
- {
- "property": {
- "name": "root"
- },
- "children": [
- {
- "property": {
- "name": "node1"
- }
- },
- {
- "property": {
- "name": "node2"
- },
- "children":[
- {
- "property": {
- "name": "node2.1"
- }
- },
- {
- "property": {
- "name": "node2.2"
- }
- }
- ]
- },
- {
- "property": {
- "name": "node4"
- }
- },
- {
- "property": {
- "name": "node3"
- }
- }
- ]
- }
- ];
-
- tree2.load({
- json: json
- });
-
- });
|