如果WebGrid MVC c＃的列中的文本过多，则显示更多或更少显示链接

Question

我正在使用jquery开发MVC的WebGrid，在我的网格中，这里有一个注释列，其中包含更多文本，正在创建滚动。

我想在此网格中显示更多或更少显示链接。

我该怎么办。

这是我的网格

Answer 1

我写了一个jquery函数-

 $('.more').each(function () {
        var content = $(this).html();

        if (content.length > showChar) {

            var c = content.substr(0, showChar);
            var h = content.substr(showChar, content.length - showChar);

            var html = c + '<span class="moreellipses">' + ellipsestext + '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';

            $(this).html(html);
        }

});

并更改标签文本-

 $(".morelink").click(function () {
        if ($(this).hasClass("less")) {
            $(this).removeClass("less");
            $(this).html(moretext);
        } else {
            $(this).addClass("less");
            $(this).html(lesstext);
        }
        $(this).parent().prev().toggle();
        $(this).prev().toggle();
        return false;
    });

最后，我在WebGrid中添加了.more类。

grid.Column("outBoundMoveOrder.Comment", header: "Comment", style: "more"),

学习愉快！