Невозможно загрузить данные AJAX с сервера в виде древовидного плагина

Question

Существует много плагинов jQuery для создания представления окна флажка, но я не могу найти документацию по загрузке данных с сервера с помощью AJAX. Например, this link.

Я хочу что-то вроде этого:

$('#CheckBoxTree').LoadTreeView('/WebHandler/GetData.ashx') { 
} 

Или используя классический формат Аякса

$.ajax({ 
    url: '/WebHandler/Data.ashx', 
    async: true, 
    dataType: 'json', 
    data: { proname: 'pro' }, 
    success: function (dataa) { 
     $('#CheckBoxTree').SetData(dataa) 
    }); 
} 
}); 

Я попытался использовать второй метод на один плагин, но это не удалось. Я сделал это:

$.ajax({ 
    url: '/WebHandler/GetPlotData.ashx', 
    async: true, 
    dataType: 'json', 
    data: { proname: 'province' }, 
    success: function (dataa) { 
     debugger 
     $('#tree-container').highCheckTree({      
      data: dataa 
     }); 
    } 
}); 

Просьба помочь мне, чтобы я мог продолжить свою работу. Спасибо.

Answer 1

Я использовал DynaTree, У него много документации. Вот Link у него много старых версий, которые сопоставимы со старым jquery.

Мне просто пришлось написать этот много кода.

$("#tree").dynatree({ 
     checkbox: true, 
     autoCollapse: false, 
     activeVisible: true, 
     persist: true, 
     // selectMode: 1, 
     onLazyRead: function (node) {   
      node.appendAjax({ 
       url: "/WebHandler/GetPlotData.ashx", 
       data: { 
        "proname": "district", 
        "key":node.data.key, 
        "mode": "all" 
       } 
      }); 
     }, 
     initAjax: { 
      url: "/WebHandler/GetPlotData.ashx", 
      data: {proname: "province", // Optional arguments to append to the url 
       mode: "all" 
      } 
     }, 

    });