Tech I Enjoy Logo
Custom Search
   Log In    OR    Register  


spacer image Home spacer image Flex spacer image Java Technology spacer image Spring Framework spacer image Hibernate spacer image Struts spacer image Miscellaneous spacer image About spacer image Contact spacer image

  Home >> Miscellaneous >> DOJO-Example-Tree-Widget 
Tags: DOJO Tree Widget, Dijit Tree Widget,DOJO Tutorial, DOJO Widgets, DOJO Help.

Using DOJO utility for creating a Tree widget sample.


















test-dijit-tree.html
<html>
<head>
    <script src="js/dojo/dojo.js" djConfig="parseOnLoad: true">
    </script>
    <link rel="stylesheet" type="text/css" href="js/dijit/themes/nihilo/nihilo.css"/>
    <script type="text/javascript">
         
          dojo.require("dojo.data.ItemFileReadStore");
          dojo.require("dijit.Tree");
          dojo.require("dijit.form.TextBox");
          
		  
          dojo.addOnLoad(function() {
          
		  var tmpData = [{
                        "name":"Refrigerator",
                        "submenu":
                        [{
                        "name":"Vegetables",
                        "submenu":[
                                    {
                                    "name":"Carrot",
                                    "submenu":[]
                                    },
                                    {
                                    "name":"Onion",
                                    "submenu":[]
                                    }
                                  ]
                        },
                        {
                        "name":"Fruits",
                        "submenu":[
                                    {
                                    "name":"Orange",
                                    "submenu":[]
                                    },
                                    {
                                    "name":"Apple",
                                    "submenu":[{"name":"orange color"},
                                               {"name":"green color"}]
                                    }
                                  ]
                        }]
                        }];
          
		  
          var store = new dojo.data.ItemFileReadStore({
            data: {
                label: 'name',
                items: tmpData
            }
          });
		  
		  
          var treeModel = new dijit.tree.TreeStoreModel({
            store: store,
            query: {name: 'Refrigerator'},
            childrenAttrs: ["submenu"]
          });
          
        new dijit.Tree({
            model: treeModel
        },
        "TestTree");
        
        new dijit.form.TextBox({
             
             value: "Nihilo",
             disabled: "disabled"
        },
        "label1");
    });
    
    </script>       
</head>
<body class="nihilo">
  <div id="label1">
  </div>
  <br/>
  <div id="TestTree">
  </div>
</body>
</html>






The above HTML source is just to show a Tree on load of this file from within
browser.

Let me explain the source code for this example from the start line to end.

I assume you can see all the different types of text colors as shown in the 
above code.

The portion in green color above are for importing required widgets.

The portion in red color is the way to create data for feeding store in the 
ItemFileReadStore instance. Instance of ItemFileReadStore is fed to the instance
of TreeStoreModel. Instance of TreeStoreModel is fed to the instance of the 
TreeWidget.

tmpData is the variable to store the value for feeding into the Tree widget.
name is the text shown on menu and submenu decides whether to show another folder
icon or item icon.

If the submenu is left with [] then the icon changes accordingly as shown in the
screen-shot below:

In the above image items inside the Apple menu, like "orange color" and "green color",
are the fields in the tmpData variable without any submenu entires.

I have used nihilo theme in this example, you can try changing this theme to any 
other supported themes such as claro/soria/tundra etc.









If anything missed out , please let me know at techienjoy at yahoo . com
Some of the other Articles you may would like to read :
JSF example with source code :
JSF example of Tags and checkboxes 
with source code on Java Platform.
Android Security Features :
Security Features on Android Platform
Android Deploy :
Deploy Projects on Android Platform
Android SQLite Example :
Example on using Android SQLite Example.
Android Views Example :
Example using Views using Android Platform
and source code implementing this example.
Android Example on Expandable ListView :
Example on using Expandable ListView
on Android Platform.A step by step source code
explained.
Android Gallery with SurfaceView :
Example showing Android Gallery
with SurfaceView and Spinner
Google GWT Example :
Example using GWT and some design patterns and various
ways of implementing this example.
Android Span Undelined Text Example :
Example using span for creating 
a hyperlinked Text using Android TextView
Android Gallery Example Enhanced :
Example on Android Gallery View
explained with a very simple scenario
and appropriate screens captured and shown.
Android Sensors Example :
Example on Android Sensors Listed and
explained with a very simple scenario 
and article with appropriate screens 
captured and shown.
Example of using Mule ESB JMS Transport :
Example of using Mule ESB JMS Transport with simple
to explain source code.
Android Process :
Processes on Android Platform
Android ListView with Click Event :
Example on using Android ListView with Click Event.
Android Spinner Example :
Example using Spinner using Android Platform
and source code implementing this example.
Android DevelopersProjects :
Students Projects Developers on Android Platform
Android Gallery Example :
Example on Android Gallery View
explained with a very simple scenario
and appropriate screens captured and shown.
Android Examples :
List of ANDROid examples
with source code and output
screens captured and shown.
Android Data Access Example :
Example on using Android Data Access.
Android Designs :
Designs on Android Platform
Android Tests :
Tests on Android Platform
DOJO Dialog Example :
Example on using DOJO Dialog
explained with a very simple scenario
Android Storage Example :
Example on using Android Storage.
Android Interview Questions :
Interview Questions on Android Platform
Android ViewGroup Example :
Example using ViewGroup using Android Platform
and source code implementing this example.
ESB Interview Questions Answer :
ESB Interview Questions Answer
Android Students Projects :
Students Projects on Android Platform
Android Smartphone list :
Android Smartphone list.
Android Cartoon Example :
Example using Cartoon using Android Platform
and source code implementing this example.
Android Canvas Draw Example :
Example using Canvas for drawing multiple shapes
and using touch event listener as well.
Android RelativeLayout Example :
Example using RelativeLayout using Android Platform
and source code implementing this example.
Android Intent Broadcast Example :
Example using Intents from Android Platform
using a Broadcast Example
Log4j Interview Questions Answer :
List of Interview Questions and answer on Apache Log4j
Android Smartphone online :
Android Smartphone online.
Wizard Framework using Java Platform :
Example using Custom Wizard Framework 
with code and explained
Android Menu and MenuItem Example :
Example using Menu and MenuItem using Android Platform 
with code and explained
Android SQLLite Example :
Example on using Android SQLLite Example.
Android Batch Projects :
Projects Batch on Android Platform
Example using Tag Library :
Example on how to code and use
Custom Tag Library on Java Platform.
Android ListView Example :
Example on Android ListView and
explained with a very simple scenario 
and article with appropriate screens 
captured and shown.
Android ImageButton Example :
Example using ImageButton using Android Platform
and source code implementing this example.
Android Canvas Example :
Example using Canvas using Android Platform
and source code implementing this example.
Android ListView Example :
Example on Android ListView 
explained with a very simple scenario
whereby showing folder and files with
structure and appropriate screens 
captured and shown.
Android AlertDialogExample :
Example using AlertDialog from Android Platform
and source code implementing this example.
Android Interview Questions Answer :
List of Interview Questions and answer on Android Technology
Android Questions :
Questions on Android Platform
Android Shared Preferences Example :
Example on using Android Shared Preferences.
Android DatePickerDialog Example :
Example on Android DatePickerDialog
explained with a very simple scenario
and appropriate screens captured and shown.
Android Architectures :
Architectures on Android Platform
Android Testers :
Testers on Android Platform
Android Smartphone guide :
Android Smartphone guide.
Android SQL Example :
Example on using Android and SQL Example.
Android Debug :
Debug Projects on Android Platform
List of Examples on Various Technologies :
List of Examples on Various Technologies and Frameworks.
Android Tech Example :
Tech related discussion on Android Technology
Android Example on Downloading AnyFormat :
Example on ways to download any file with
any format using Android Platform.
Android Intent Broadcast Receiver Example :
Example using Intents from Android Platform
using a Broadcast and Receiver Example
Android DDL Example :
Example on using Android and DDL Example.
Android View LayoutParams Example :
Example using View LayoutParams using Android Platform
and source code implementing this example.
Android Benchmark Projects :
Projects Benchmark on Android Platform
Android Drawing Example :
Example using Drawing using Android Platform
and source code implementing this example.
Android Image Gradient Merge :
Example using Images and Gradient Shape using
Android Platform.
Android Preferences Example :
Example on using Android Preferences.
Android Smartphone features :
Android Smartphone features.
Android Service :
Android Service details
Example of using Mule ESB File Transport :
Example of using Mule ESB File Transport with simple
to explain source code.
Android Custom View Example :
Example using Custom View using Android Platform
and source code implementing this example.
Android Animation Example :
Example using Animation using Android Platform
and source code implementing this example.
Example of using Log4J Part 1 :
Log4j example with source code on Java Platform.
Android User Interface :
User Interface on Android Platform
Android Developments Projects :
Projects Development on Android Platform
Android Customized ImageButton Example :
Example using ImageButton and customized to show
a different view altogether and source code implementing
this example.
Android NFC Example :
Example using NFC using Android Platform
and source code implementing this example.
Android Smartphone OS :
Android Smartphone OS.
Android Orientation Sensor Example :
Example using Orientation Sensor using Android Platform
and source code implementing this example.
Android ImageView Example :
Example on using ImageView using 
Android Platform. A very simple to setup
and see it working.
JSF example with source code :
JSF example of Tags and Code Walk-through 
with source code on Java Platform.
Using Different Logger Files :
Example on using different log files 
using Apache Log4j Framework.
Android TextView Link Example :
Example using a hyperlinked Text using Android TextView
Android Data Example :
Example on using Android Data Example.
Android Interview :
Interview on Android Platform
Android ViewFlipper Animation Example :
Example using ViewFlipper for animating multiple images
in a sequence of flow by appropriate flippering.
Using Quartz Scheduler Example :
Example on how to use Quartz Scheduler.
Android Smartphone Note :
Android Smartphone Note.
JSF example with source code :
JSF example with source code on Java Platform.
Android Clouds :
Clouds Projects on Android Platform
Android GridView Example :
Example using GridView Widget using Android Platform
and source code implementing this example.
DOJO Tree Widget Example :
Example on using DOJO Tree Widget
explained with a very simple scenario
Android Text to Speech Example :
Android Example on using Text
2 Speech conversion explained with
source code Explained.
Android Smartphone reviews :
Android Smartphone reviews.
Android Smartphone apps :
Android Smartphone apps.
JSF example with source code :
JSF example of Tags and Data Table 
with source code on Java Platform.
Android Grids :
Grids on Android Platform
Using Apache Commons Log With Example :
Example using Apache commons log 
with code and explained
JSF example with source code :
JSF example of Tags and SelectBoxes 
with source code on Java Platform.
Android Tab View Example :
Example on Android Tab View
explained with a very simple scenario
and appropriate screens captured and shown.
Android Database Example :
Example on using Android Database.
Android Encryption :
Encryption Features on Android Platform
Android Layout Example :
Android Example on using Layout
with source code Explained.
Android Bluetooth Example :
Example using Bluetooth using Android Platform
and source code implementing this example.
Receiving Intent Notification Example :
Using Intent to send a notification 
on receiving an Intent on Android Platform
Android Example on Expandable List :
Example on using Expandable ListView
on Android Platform.A step by step source code
explained.
Android ListView Example :
Example on Android List View
explained with a very simple scenario 
and article with appropriate screens 
captured and shown.
Android Answers :
Answers of Questions on Android Platform
Android Internal memory :
Internal memory on Android Platform
Android Edittext Example :
Example using EditText using Android Platform
and source code implementing this example.
Android Customize Example :
Example using Customized Android Platform
and source code implementing this example.
Android Interface :
Interfaces on Android Platform
JDBC Transaction Isolation Levels :
A short write-up on JDBC Transaction
Isolation showing ways to achieve
various Isolation levels using JDBC.
Android Performance :
Performance on Android Platform
Example of using Log4J Part 2 :
Log4j example with source code on Java Platform.
Android Intent Example :
Example using Intent from Android Platform
and source code implementing this example.
JSF example on validation :
JSF Validation with example with source code 
on Java Platform.
JSF example on Resource Bundle :
JSF example of Resource Bundle with source code 
on Java Platform.
Android WebView Example :
Example using WebView using Android Platform
and source code implementing this example.
Android Smartphone comparison :
Android Smartphone comparison.
Android TimePickerDialog Example :
Example on Android TimePickerDialog
explained with a very simple scenario
and appropriate screens captured and shown.
Web Load Test with example :
Example using Load test functionalities 
with code and explained
Android Robots Example :
Example using Borots using Android Platform
and source code implementing this example.
Android Draw Example :
Example using Draw using Android Platform
and source code implementing this example.
Android Content Provider Example :
Example on using Android Content Provider.
Android UIThread Animation Example :
Example using UI Thread for animating multiple images
in a sequence of flow.


References : 
Tags: TabHost and TabActivity Example on Android Platform
Tags: ListView Example on Android Platform
Tags: android sensors list
Tags: android listview example
Tags: android imageview example
Tags: Android example download any file sourcecode
Tags: android expandable list dynamically created example
Tags: android expandable list example
Tags: Android Gallery surfaceviews spinner
Tags: Android example download any file sourcecode
Tags: Android Layout Example
Tags: Android Text To Speech Example

Tags: DOJO Example Dialog
Tags: DOJO Example Tree Widget
Tags: different logger file log4j
Tags: JDBC Transaction isolation
Tags: event handling java code
Tags: example quartz scheduler
Tags: example tag library web application
Tags: Flex
Tags: index
Tags: inmemory image creation java awt
Tags: JSF Example Main
Tags: JSF Example Tags CheckBoxes
Tags: JSF Example Tags dataTable
Tags: JSF Example Tags SelectBoxes
Tags: JSF Example Tags Walkthrough
Tags: JSF Example Validation
Tags: JSF Resource Bundle
Tags: log4j example 1
Tags: log4j example
Tags: Miscellaneous
Tags: Mule ESB File Transport
Tags: Mule ESB JMS Transport
Tags: stream download batch
Tags: sychronized block wait notify
Tags: thread wait notify example
Tags: using apache commons log
Tags: web load test
Tags: Wizard Framework Idea Java



For any of the content, if you would like to bring it to notice for removal from this web site, please write to this web site administrator @ EMAIL-ID,
with appropriate concern and supporting proof(s). After thorough review and if found genuine concern, we would take appropriate action and 
remove disputed content from this web site within 24 hours starting from the time it has brought to our notice.



The content provided in this page is not warranted and/or guaranteed by techienjoy.com. techienjoy.com is not liable for any negative 
consequences that may result/arise from implementing directly/indirectly any information covered in these pages/articles/tutorials.

All contents of this site is/are written and provided on an "AS IS" basis, without WARRANTIES or conditions of any kind, either express
or implied, including, without limitation, merchantability, or fitness for a particular purpose. You are solely responsible for determining 
the appropriateness of using or refering this and assume any risks associated with this.

This web site is optimized for learning and training. Examples might be simplefied to improve reading and basic understanding only. 
This web site content are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. 
In spite of all precautions taken to avoid any typo in these pages, there might be some issues like grammatical mistakes and typos 
being observed in these pages, techienjoy.com extends sincerest apologies to all our visitors for the same.

While using this web site, you agree to have read and accepted our terms of use and privacy policy.

Android Examples || Android Training

© Copyright 2010-2012, TECHIENJOY, All Rights Reserved.      Privacy Policy     Disclaimer & Terms & Conditions