如何在 mvc 中将 table 行标记为紧急

Question

我在 mvc 中有一个 table 有大量数据。

我想在单击按钮时将 table 行标记为突出显示，而且我还可以突出显示多行相同的按钮点击。并保持突出显示，直到用户再次单击该行。当用户再次单击同一行时取消突出显示它。

Answer 1

我通过在数据库中添加一个额外的字段得到了解决方案并根据数据库中的值更改行的背景颜色

并在 select 按钮点击一行后分别更改数据库中的值。

$("#tableId tr").click(function () {
    $(this).addClass('selected').siblings().removeClass('selected');

    //$(this).addClass('selected');
    var value = $(this).find('td:first').html();
    //alert(value);

});

以上代码用于select table

中的行

$('#buttonId').on('click', function (e) {
   
        var row = $("#tableId tr.selected ");
        var data= {};
        data.ID= row.find(".Id").find("span").html();
        data.Name= row.find(".Name").find("span").html();

        $.ajax({
        type: "POST",
        url: "/Controller/ActionMethod",
        data: '{data:' + JSON.stringify(data) + '}',
        contentType: "application/json; charset=utf-8",
        dataType: "json"

        });

        window.location.reload();
    
});

以上代码用于将值传递给控制器

然后使用控制器更新数据库

       if(db.dbField== "Yes")
        {
            db.dbField = "NO";
        }
        else
        {
            db.dbField = "Yes";
        }

如何在 mvc 中将 table 行标记为紧急

How to mark table row as urgency in mvc

model-view-controller

jquery

entity-framework