4

我在我的 MVC4 应用程序中使用 jquery 数据表。最简单的jquery数据表配置。

事实上,我已经将这个小的 jquery 片段放在了我的 layout.cshtml 文件中,它将处理我的应用程序中的所有表,而无需进行任何自定义。

$(".dataTable").dataTable({
   "bJQueryUI": true,
   "sPaginationType": "full_numbers"
}).columnFilter();

当我用<thead>, <tbody> and <tfoot>.

这是图像:在此处输入图像描述

当然,并不是所有的东西都可以使用这个基本配置。


问题

付款状态列不仅包含一些文本,还包含一个跨度和一个隐藏的下拉列表。单击<td>,跨度被隐藏并且下拉列表变得可见。在下拉更改时,它会恢复为可见的跨度和隐藏的下拉列表。

编码 :

 <td class=" " paymentid="106">
            <span>
                Completed
            </span>

           <select name:"paymentstatus"="" style="display:none;" onchange="changepaymentStatus($(this).parent().attr('paymentId'),$(this).val(),10);">
               <option value="0" selected="'selected'">Completed</option>
               <option value="1">Pending</option>
               <option value="2">Cancelled</option>
           </select>
        </td>

在此处输入图像描述

由于<td>元素中存在所有这些混乱,它根本无法过滤(对于该列并且排序工作不正确(对于该列)。

4

1 回答 1

3

您好,看看这个http://datatables.net/examples/plug-ins/sorting_sType.html这将为您完成这项工作。

于 2013-04-17T08:14:23.807 回答