Question

我可以通过此编码选择行，但似乎允许我选择多行。

1:   $('#LineTables tbody').on('click', 'tr', function () {
2:          console.log("Row Clicked");
3:          if ($(this).hasClass('selected')) {
4:              $(this).removeClass('selected');
5:              console.log("Removed Selected Class");
6:          }
7:          else {
8:              $(this).addClass('selected');
9:              console.log("Added Selected Class");
10:         }
11:     });

我想只允许一行选择。 Datatables.net的源代码如下所示。我总是在控制台中遇到一个Error，它告诉我TypeError：$（...）。DataTable不是一个函数。我正确地将网站上提供的所有js和css文件放在我的项目中。为什么我仍然从控制台收到此错误消息。 Datatables.net也确认了代码

初始化DataTables

几乎就是这样！我们有我们想要增强的HTML表格，我们已经拥有了我们需要的所有＆gt;软件和样式。现在所需的只是告诉DataTables＆gt;实际上在桌面上发挥其魔力。这是通过几行Javascript完成的：

   $(document).ready( function () {
       $('#table_id').DataTable();
   } )}

Datatables.net的源代码

1:   $(document).ready(function() {
2:   var table = $('#example').DataTable();
3: 
4:   $('#example tbody').on( 'click', 'tr', function () {
5:       if ( $(this).hasClass('selected') ) {
6:           $(this).removeClass('selected');
7:       }
8:       else {
9:           table.$('tr.selected').removeClass('selected');
10:          $(this).addClass('selected');
11:       }
12:      });
13:    });

Answer 1

$('#LineTables tbody').on('click', 'tr', function () {
    console.log("Row Clicked");

    if ($(this).hasClass('selected')) {
        $(this).removeClass('selected');
        console.log("Removed Selected Class");

    }
    else {
        table.$('tr.selected').removeClass('selected');
        $(this).addClass('selected');
        console.log("Added Selected Class");

    }
});

尝试此操作并确认此事件在控制台中显示。

在MVC中进行行选择并不起作用

1 个答案: