Question

有人可以帮我实现扩展/折叠功能吗？

单击展开按钮，我需要获取相应记录的相关数据并将其显示为子行。

grid.Column(header: "Expand", 
    format: @<text>
        <a href='#' class="expandable-open-button" rel="1" >&gt;</a> 
        <div class="expandable-child-row"></div> 
     </text>)

我正在考虑使用jQuery。单击“展开”链接，我们可以从数据库中获取数据并将webgrid html设置为元素。

Answer 1

使用JQuery next选择＆＃34; child＆＃34;元素（实际上是兄弟姐妹）;和slideToggle扩展元素：

// add the click handler
$(".expandable-open-button").on("click", function(e) {

    // prevent the default action on the link
    e.preventDefault();

    // select the details row and toggle its visibility
    $(this).next(".expandable-child-row").slideToggle();
});

修改您可以通过将商品ID作为数据属性添加到商标来传递商品ID。

format: (item) => @<text><a data-id='@item.ID'>

然后在JQuery中使用attr检索它：

.on("click", function(e) {

    var id = $(this).attr("data-id");   
    alert(id);
... }

在MVC3 Webgird中展开和折叠

1 个答案: