动态加载DynaTree

时间:2013-10-07 18:04:09

标签: jquery asp.net-mvc dynamic dynatree

我有一个dynatree,我想动态加载树数据。我和jquery手风琴一起使用它。我正在使用每个循环来填充div,但这对于illustartion会更好。这是我的divs

<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函数。我得到这样的ID。

        $(".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 谢谢

1 个答案:

答案 0 :(得分: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 }
        }
    });
});