动态加载DynaTree

Question

我有一个动态树，我想动态地加载树数据。我将此与jquery手风琴结合使用。我使用一个for每个循环来填充div，但是这将更好地用于幻象。这是我的div

<div id="accordion">
<h3>Project Type</h3>
     <div id="1" class="common" style="height:150px;"> 
    </div>

     <h3>Ammenities</h3>
    <div id="2" class="common" style="height:150px;">  
    </div>
</div 

我想把div的id传递给树的initajax函数。我要拿到这样的身份证。

        $(".common").prev('h3').click(function () {
          currentID = $(this).next().attr("id");

我想把currentID传递给这个函数

 var URL = "/Home/GetProjectTypeData/?currentID"
$(".common").dynatree({
    checkbox: true,
    icon: false,      
    initAjax: {
        type: "POST",
        url: URL + '=' + currentID,
        data: {},
    },

我试过几种不同的方法，但没有运气。理想情况下，我希望每个div都能在点击手风琴标题时用树视图填充，谢谢

Answer 1

假设GetProjectTypeData操作接受一个名为id的参数，那么这个操作应该可以工作：

$(".common").prev('h3').click(function() {

    var $tree = $(this).next('.common');

    var currentId = $tree.attr("id");

    $tree.dynatree({
        checkbox: true,
        icon: false,
        initAjax: {
            type: "POST",
            url: '/Home/GetProjectTypeData',
            data: { id : currentId }
        }
    });
});