如何刷新jquery treegrid

时间:2015-11-29 09:55:56

标签: javascript jquery html5 treegrid

我在我的应用程序中使用jquery treegrid。并且,我在页面加载后向其行添加了一些自定义类。这些类正在被添加到行中,但它不再显示折叠/扩展功能.I我想在添加新类之后我需要刷新网格。我尝试了$(' .tree')。reload();但它没有用。请帮我解决这个问题。

添加代码,

$('.tree').treegrid({
                 expanderExpandedClass: 'glyphicon glyphicon-minus',
                 expanderCollapsedClass: 'glyphicon glyphicon-plus'
             });
             $(".tree").css({
                        "position": "absolute",
                "left": "14%",
                "top": "208%"});

HTML

<table class="tree">
    <tr class="treegrid-1">
        <td>Root node</td><td>Additional info</td>
    </tr>
    <tr class="treegrid-2">
        <td>Node 1-1</td><td>Additional info</td>
    </tr>
    <tr class="treegrid-3">
        <td>Node 1-2</td><td>Additional info</td>
    </tr>
    <tr class="treegrid-4">
        <td>Node 1-2-1</td><td>Additional info</td>
    </tr>
    <tr class="treegrid-6">
        <td>Node 1-2-1-1</td><td>Additional info</td>
    </tr>
    <tr class="treegrid-5">
        <td>Node 1-3</td><td>Additional info</td>
    </tr>
</table>

页面加载后,将自定义类添加到表行以创建父子关系

for(i=0;i<nodelist.length;i++){
                var parent=nodeparent[i];
                var child=nodelist[i];
                var parentrow=$(".tree").find('tr td:contains("'+parent+'")');
                var parentrowelement=parentrow.closest("tr");
                var parentrowclass=parentrowelement.attr("class");
                var parentrowclassToString=parentrowclass.toString();
                var parentRowId=parentrowclassToString.substring(8,10);
                var parentrow=$(".tree").find('tr td:contains("'+child+'")');
                var parentrowelement=parentrow.closest("tr");
                parentrowelement.addClass("treegrid-parent"+parentRowId);
                }

这里nodelist和nodeparent是存储每行显示数据的数组。后者是前者的父数据。

谢谢, Poorna。

1 个答案:

答案 0 :(得分:0)

$('.tree').treegrid({
    expanderExpandedClass: 'glyphicon glyphicon-minus',
    expanderCollapsedClass: 'glyphicon glyphicon-plus'
});

尝试使用您的规范再次初始化您的treegrid。