Tree Search List

Sample JSON Data:

  var data = [
    {
      'id': '62',
      'selected': false,
      'children': [
        {
          'id': '63',
          'selected': false,
          'children': [{
            'id': '67',
            'selected': false,
            'children': [
              {
                'id': '78',
                'selected': false,
                'label': 'AL St Albans'
              },
              {
                'id': '79',
                'selected': false,
                'label': 'BR Bromley'
              },
              {
                'id': '80',
                'selected': false,
                'label': 'CM Chelmsford'
              }
            ],
            'label': 'England'
          }],
          'label': 'Europe'
        },
        {
          'id': '176',
          'selected': false,
          'label': 'India'
        },
        {
          'id': '64',
          'selected': false,
          'children': [
            {
              'id': '68',
              'selected': false,
              'children': [
                {
                  'id': '81',
                  'selected': false,
                  'label': 'Rustaq'
                },
                {
                  'id': '82',
                  'selected': false,
                  'label': 'Sohar'
                },
                {
                  'id': '184',
                  'selected': false,
                  'label': 'Sohar1'
                }
              ],
              'label': 'Oman'
            },
            {
              'id': '69',
              'selected': false,
              'children': [
                {
                  'id': '85',
                  'selected': false,
                  'label': 'Abu Dhabi'
                },
                {
                  'id': '86',
                  'selected': false,
                  'label': 'Dubai'
                }
              ],
              'label': 'United Arab Emirates'
            }
          ],
          'label': 'Middle East'
        },
        {
          'id': '183',
          'selected': false,
          'label': 'iNdia'
        },
        {
          'id': '181',
          'selected': false,
          'label': 'india'
        }
      ],
      'label': 'Coverage'
    }
  ];
      

Code:

  <div id="tree-search-list" class="tree-list" data-treelist-buttons="true">

  </div>

  <!-- Initialize -->
  window.Causeway.treeList.init('#tree-search-list', data, Options);
  Options object is optional.

  <!--To get the updated JSON-->
  window.Causeway.treeList.toJson('#tree-search-list'); // This will return JSON Data