https://github.com/minisuperfiles/datatree

It's a pure JavaScript framework and it handles large tree types of data. dataTree is used to simple, fast, and lite weight. CRUD (Create, Read, Update, Delete) options available.
https://github.com/minisuperfiles/datatree

crud data-science datatree getdata javascript javascript-framework javascript-library minisuperfiles tree-types

Last synced: 6 months ago
JSON representation

It's a pure JavaScript framework and it handles large tree types of data. dataTree is used to simple, fast, and lite weight. CRUD (Create, Read, Update, Delete) options available.

• Host: GitHub
• URL: https://github.com/minisuperfiles/datatree
• Owner: minisuperfiles
• License: mit
• Created: 2019-08-03T18:29:33.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-10-29T03:38:31.000Z (over 5 years ago)
• Last Synced: 2025-06-01T02:23:31.474Z (9 months ago)
• Topics: crud, data-science, datatree, getdata, javascript, javascript-framework, javascript-library, minisuperfiles, tree-types
• Language: JavaScript
• Homepage: https://minisuperfiles.blogspot.com
• Size: 27.3 KB
• Stars: 3
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# DataTree

It's a pure JavaScript framework and it handles large tree types of data. dataTree is used to simple, fast, and lite weight. CRUD (Create, Read, Update, Delete) options available.

Example Code
              



<script src="DataTree.js"></script>

<link href="DataTree.css">

<div id="datatree"></div>

<script>

var tree= new DataTree(

  document.querySelector('#datatree'),

  {name:'Creatures',d:[

    {name:'Animals',d:[]},

    {name:'Humans',

        d:[{name:'Women',d:[]}, {name:'Men',d:[]}]

    },

    {name:'Brids',d:[]}

  ]}

);

</script>

 

 
Syntax (parameter)

 


new DataTree(element)

new DataTree(element,data)

new DataTree(element,data,warning)


data = { name: 'name', d[ { name: 'name', d[{...}] ,...}] }



                

element

Give DOM element, this element is the target place to create DataTree.

data (Optional)

Give object, It's used to load DataTree content of the data.

warning (Optional)

It's a boolean data type (true or false) and the default value is true. confirm the message control parameter. If the given value is true. when try to delete data confirm popup asking 'Are sure to delete'.

DataTree Methods





DataTree.getData()






It's used to get data of DataTree and its return object.




code : tree.getData();









DataTree.render()






It's use to reprint html element.


code : tree.render();







View Documentation (Demo)

Learn more about in minisuperfiles.blogspot.com