Показывать ссылку Больше или Показать меньше, если в столбце WebGrid MVC слишком много текста

Question

Я работаю над WebGrid в MVC с помощью jquery. Здесь, в моей сетке, есть столбец комментариев, в котором больше текста, создающего свиток.

Я хочу показать больше или показать меньшессылка в этой сетке.

Как я могу это сделать.

Вот моя сетка

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;
    });

и, наконец, добавил класс .more в WebGrid.

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

Счастливого обучения !!