Question

我有一个带有表格的视图，每行我都有一个“+”符号，当我点击“+”时，它会显示该行的详细信息。现在，我尝试在点击后将此“+”切换为“ - ”，当我点击“ - ”时，它将隐藏此行的详细信息，我对此感到困惑。以下是我的观点

@Html.Grid(Model.Nodes).Sort(sortOptions).Columns(x=>
    {            
        x.For(c => string.Format("<a class='expander' style='color:black;text-decoration:none;' href='showDetail'>" + "{0}" + "</a>", (c.ChildrenCount > 0 && c.EntityType == "TextNode") ? "+" : "")).DoNotEncode();       
    }).Attributes(Class => "DetailTable").Empty("No data.")

<script type="text/javascript">

$(document).ready(function () {

    $(".expander").click(function () {

        //implementation here

        });

        return false;
    });
});
</script>

任何帮助表示赞赏！感谢

Answer 1

我解决了这个问题如下：

为onclick事件
$（文件）。在

function toggleState（item）{
```
if (item.className == "expander") {
    item.className = "expanderOff";
} else {
    item.className = "expander";
}
```
}

$（document）.on（“click”，“。expander”，function（）{

}）;

$（document）.on（“click”，“。expanderOff”，function（）{

}）;

它已经完成了。：）

使用MVC切换开关

1 个答案: