HTML5 Knockout TriState Tree Control


// No var in javascript is globale variable
sampleNode =
               {
                   displayText: 'RootNode',
                   defaultState: false,
                   Childs:
                       [
                       {
                           displayText: 'Node1',
                           defaultState: false,
                           Childs:
                               [
                                   {
                                       displayText: 'Node1-1',
                                       defaultState: false,
                                       Childs: []
                                   }
                                   ,
                                   {
                                       displayText: 'Node1-2',
                                       defaultState: false,
                                       Childs:
                                               [
                                                   {
                                                       displayText: 'Node1-2-1',
                                                       defaultState: false,
                                                       Childs: []
                                                   }
                                                   ,
                                                   {
                                                       displayText: 'Node1-2-2',
                                                       defaultState: false,
                                                       Childs:
                                                           [
                                                               {
                                                                   displayText: 'Node1-2-2-1',
                                                                   defaultState: false,
                                                                   Childs: []
                                                               }
                                                               ,
                                                               {
                                                                   displayText: 'Node1-2-2-1',
                                                                   defaultState: false,
                                                                   Childs:

                                                                           [
                                                                               {
                                                                                   displayText: 'Node1-2-2-1-1',
                                                                                   defaultState: false,
                                                                                   Childs: []
                                                                               }
                                                                               ,
                                                                               {
                                                                                   displayText: 'Node1-2-2-2',
                                                                                   defaultState: false,
                                                                                   Childs: []
                                                                               }
                                                                           ]


                                                               }
                                                           ]
                                                   }

                                               ]
                                   }
                                   ,
                                   {
                                       displayText: 'Node1-3',
                                       defaultState: false,
                                       Childs:
                                               [
                                                   {
                                                       displayText: 'Node1-3-1',
                                                       defaultState: false,
                                                       Childs: []
                                                   }
                                                   ,
                                                   {
                                                       displayText: 'Node1-3-2',
                                                       defaultState: false,
                                                       Childs:
                                                           [

                                                               {
                                                                   displayText: 'Node1-3-1',
                                                                   defaultState: false,
                                                                   Childs: []
                                                               }
                                                               ,
                                                               {
                                                                   displayText: 'Node1-3-2',
                                                                   defaultState: false,
                                                                   Childs: []
                                                               }
                                                           ]

                                                   }
                                               ]
                                   }
                               ]
                       }
                       ,
                       {
                           displayText: 'Node2',
                           defaultState: false,
                           Childs:
                               [
                                   {
                                       displayText: 'Node2-1',
                                       defaultState: false,
                                       Childs: []
                                   }
                                   ,
                                   {
                                       displayText: 'Node2-2',
                                       defaultState: false,
                                       Childs:
                                           [

                                               {
                                                   displayText: 'Node2-2-1',
                                                   defaultState: false,
                                                   Childs: []
                                               }
                                               ,
                                               {
                                                   displayText: 'Node2-2-2',
                                                   defaultState: false,
                                                   Childs:
                                                       [

                                                           {
                                                               displayText: 'Node2-2-2-1',
                                                               defaultState: false,
                                                               Childs: []
                                                           }
                                                           ,
                                                           {
                                                               displayText: 'Node2-2-2-2',
                                                               defaultState: false,
                                                               Childs: []
                                                           }
                                                       ]
                                               }
                                           ]
                                   }
                                   ,
                                   {
                                       displayText: 'Node2-3',
                                       defaultState: false,
                                       Childs:
                                           [

                                                   {
                                                       displayText: 'Node2-3-1',
                                                       defaultState: false,
                                                       Childs: []
                                                   }
                                                   ,
                                                   {
                                                       displayText: 'Node2-3-2',
                                                       defaultState: false,
                                                       Childs: []
                                                   }
                                           ]
                                   }
                               ]
                       }
                       ,
                       {
                           displayText: 'Node3',
                           defaultState: true,
                           Childs:
                               [
                                   {
                                       displayText: 'Node3-1',
                                       defaultState: true,
                                       Childs: []
                                   }
                                   ,
                                   {
                                       displayText: 'Node3-2',
                                       defaultState: true,
                                       Childs: [

                                                               {
                                                                   displayText: 'Node3-2-1',
                                                                   defaultState: true,
                                                                   Childs: []
                                                               }
                                                               ,
                                                               {
                                                                   displayText: 'Node3-2-2',
                                                                   defaultState: true,
                                                                   Childs:
                                                                       [

                                                                           {
                                                                               displayText: 'Node3-2-2-1',
                                                                               defaultState: true,
                                                                               Childs: []
                                                                           }
                                                                           ,
                                                                           {
                                                                               displayText: 'Node3-2-2-2',
                                                                               defaultState: true,
                                                                               Childs: []
                                                                           }
                                                                       ]
                                                               }
                                       ]
                                   }
                                   ,
                                   {
                                       displayText: 'Node3-3',
                                       defaultState: true,
                                       Childs: [

                                                               {
                                                                   displayText: 'Node3-3-1',
                                                                   defaultState: true,
                                                                   Childs:
                                                                       [

                                                                           {
                                                                               displayText: 'Node3-3-1-1',
                                                                               defaultState: true,
                                                                               Childs: []
                                                                           }
                                                                           ,
                                                                           {
                                                                               displayText: 'Node3-3-1-2',
                                                                               defaultState: true,
                                                                               Childs: []
                                                                           }
                                                                       ]
                                                               }
                                                               ,
                                                               {
                                                                   displayText: 'Node3-3-2',
                                                                   defaultState: true,
                                                                   Childs: [

                                                                               {
                                                                                   displayText: 'Node3-3-2-1',
                                                                                   defaultState: true,
                                                                                   Childs: []
                                                                               }
                                                                               ,
                                                                               {
                                                                                   displayText: 'Node3-3-2-2',
                                                                                   defaultState: true,
                                                                                   Childs: []
                                                                               }
                                                                   ]
                                                               }
                                       ]
                                   }
                               ]
                       }

                       ]
               };