Question

我正在尝试保持表中的行在刷新页面时是否已扩展或折叠。我现在正在使用PHP和Jquery在单击图像时进行扩展和折叠。这是我的html代码。

<td style=".$style."><img src='images/triangle-right.png' width='15px' height='15px' id='treeview_".$counts."' name='".$row[0]."'class='treeview' />&nbsp".$row[0]."</td>

这是单击时折叠并展开的jQuery

$(function() {
    $('.treeview').click(function(){
        var id = $(this).attr('id');
        var id2 = id.split('_');
        var num = id2[1];
        var row = $(this).attr('name');
        if($('#subrow_'+num).is(':visible'))
        {
            $('#treeview_'+num).attr('src', 'images/triangle-right.png');
            $('#subrow_'+num).hide();
        }
        else
        {
            $('#treeview_'+num).attr('src', 'images/triangle-down.png');
            $('#subrow_'+num).show();
        } 
    });
})

任何指针都值得赞赏。

Answer 1

只要用户扩展/缩小行，您就可以set/unset an url variable，例如：

www.blablabla.com/list?expandedRow=3

然后在javascript的onReady事件上，您可以检查该变量是否已定义并显示展开的行，如：

let searchParams = new URLSearchParams(window.location.search);
let expandedRow = searchParams.get('expandedRow');
if(expandedRow){
    $('#subrow_'+expandedRow).show();
}

刷新时保持可折叠行的状态

1 个答案: